源码论坛,商业源码下载,尽在锦尚中国商业源码论坛
标题:
css实现鼠标经过图片旋转的效果
[打印本页]
作者:
洪七公
时间:
2023-2-12 23:52
标题:
css实现鼠标经过图片旋转的效果
今天查看到一个css样式中transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);
查了一下是说让图片自旋转的效果,给出代码例子,以更好的了解这个属性:
.avatar img:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);}
img:hover是指图片在鼠标经过的时候的演示
rotateZ(360deg)则是说旋转360度
欢迎光临 源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/)
Powered by Discuz! X3.3