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