Difference between revisions of "CSS/gifu/head"

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