CSS3.0动画之hover---Y轴----3D旋转

最新推荐文章于 2023-11-10 23:09:33 发布

weixin_30823833

最新推荐文章于 2023-11-10 23:09:33 发布

阅读量144

点赞数

原文链接：http://www.cnblogs.com/MrZouJian/p/5581266.html

版权

div#div2
{
display: table; width: 100%; height: 100%;
text-decoration: none;
outline: none;
-webkit-transition: all 800ms ease-out; /* CSS3 transition. Last value is pause before transition play */
-moz-transition: all 800ms ease-out;
transition: all 800ms ease-out;
}

div#div2:hover
{
color: black; /* color of icon font onMouseover */
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
transform: rotateY(180deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}

转载于:https://www.cnblogs.com/MrZouJian/p/5581266.html