Line 59: | Line 59: | ||
} | } | ||
− | li ul { | + | #flip li ul { |
visibility: hidden; | visibility: hidden; | ||
perspective: 400px; | perspective: 400px; | ||
} | } | ||
− | li:hover ul{ | + | #flip li:hover ul{ |
visibility: visible; | visibility: visible; | ||
} | } | ||
− | ul li{ | + | #flip ul li{ |
transform: rotateY(90deg); | transform: rotateY(90deg); | ||
transform-origin: 50% 0; | transform-origin: 50% 0; | ||
transition: .3s; | transition: .3s; | ||
} | } | ||
− | li:hover li{ | + | #flip li:hover li{ |
transform: rotateY(0); | transform: rotateY(0); | ||
} | } | ||
− | ul li:nth-child(2) { | + | #flip ul li:nth-child(2) { |
transition-delay: .1s; | transition-delay: .1s; | ||
} | } | ||
− | ul li:nth-child(3) { | + | #flip ul li:nth-child(3) { |
transition-delay: .2s; | transition-delay: .2s; | ||
} | } | ||
− | ul li:nth-child(4) { | + | #flip ul li:nth-child(4) { |
transition-delay: .3s; | transition-delay: .3s; | ||
} | } | ||
− | ul li:nth-child(5) { | + | #flip ul li:nth-child(5) { |
transition-delay: .4s; | transition-delay: .4s; | ||
} | } |
Revision as of 23:20, 1 September 2016