源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: 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