0°

css3 头像旋转

610 个字符,0 张图片,大约需要 1 分钟阅读
.avatar{
-webkit-transition:0.4s;
-webkit-transition:-webkit-transform 0.4s ease-out;
transition:transform 0.4s ease-out;
-moz-transition:-moz-transform 0.4s ease-out;
}

/* 
transition, transform, animation
过渡,变换,动画
transform与transition连用会使动画更平滑
ease    规定慢速开始,然后变快,然后慢速结束的过渡效果    
ease-in    规定以慢速开始的过渡效果   
ease-out    规定以慢速结束的过渡效果  
ease-in-out    规定以慢速开始和结束的过渡效果    
*/
.avatar:hover{
transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-moz-transform:rotateZ(360deg);
}
/*
transform: skew(35deg);拉伸
transform:scale(1, 0.5);压缩
transform:rotate(45deg);旋转
transform:translate(10px, 20px);偏移
*/

除非注明,否则均为喵喵喵博客原创文章,转载请以链接形式标明本文地址

本文链接:https://www.miaomiaomiao.org/541.html

0 条回复 A 作者 M 管理员
    当上帝赐给你荒野时,就意味着,他要你成为高飞的鹰
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论