Difference between revisions of "CSS/gifu/head"

Line 59: Line 59:
 
      
 
      
 
}
 
}
#flip li ul {
 
   visibility: hidden;
 
   perspective: 400px;
 
}
 
#flip li:hover ul{
 
   visibility: visible;
 
}
 
#flip ul li{
 
   transform: rotateY(90deg);
 
   transform-origin: 50% 0;
 
   transition: .3s;
 
}
 
#flip li:hover li{
 
   transform: rotateY(0);
 
}
 
#flip ul li:nth-child(2) {
 
   transition-delay: .1s;
 
}
 
#flip ul li:nth-child(3) {
 
   transition-delay: .2s;
 
}
 
#flip ul li:nth-child(4) {
 
   transition-delay: .3s;
 
}
 
#flip ul li:nth-child(5) {
 
  transition-delay: .4s;
 
}
 
 
 
  
 
/*=================================
 
/*=================================

Revision as of 23:49, 1 September 2016