图片翻转交互效果

分类: IT文章 • 2023-11-24 12:15:37

.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轴旋转

图片翻转交互效果

相关推荐