图片翻转交互效果

最新推荐文章于 2021-06-03 05:52:39 发布

weixin_30379531

最新推荐文章于 2021-06-03 05:52:39 发布

阅读量102

点赞数

原文链接：http://www.cnblogs.com/aloneCode/p/6907718.html

版权

.meta .avatar img{
    -webkit-transition: .4s;
    -webkit-transition: -webkit-transform .4s ease-out;
    -moz-transition: -moz-transform .4s ease-out;
    transition: transform .4s ease-out
}
.meta .avatar img:hover{
    -webkit-transform: scaleZ(5) rotateY(180deg);
    -moz-transform: scaleZ(5) rotateY(180deg);
    transform: scaleZ(5) rotateY(180deg)
}

鼠标悬停上去 图片按Y轴旋转

转载于:https://www.cnblogs.com/aloneCode/p/6907718.html