css3鼠标悬停背景做360°旋转效果.zip

共2个文件

jpg：1个

html：1个

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

jquery插件

jquery特效

CSS3特效

0 下载量 29 浏览量 2023-09-25 14:25:59 上传评论收藏 20KB ZIP 举报

温馨提示

有兴趣刚需的可以自己下载，非常实用的特效代码，可以完美运行，有能力的还可以二次修改！

资源推荐

资源详情

资源评论

收起资源包目录

css3鼠标悬停背景做360°旋转效果.zip （2个子文件）

index.html 1KB

images

author.jpg 19KB

共 2 条

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>css3鼠标悬停背景做360°旋转效果</title> <style> * { margin:0; padding:0; list-style:none; } body { background:#1F1F1F; } .lanrenzhijia { width: 220px; height: 220px; margin: 0 auto; background: no-repeat url("images/author.jpg") left top; -webkit-background-size: 220px 220px; -moz-background-size: 220px 220px; background-size: 220px 220px; -webkit-border-radius: 110px; border-radius: 110px; -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; } .lanrenzhijia:hover { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } </style> </head> <body> <div class="lanrenzhijia"></div> </body> </html>

评论收藏

内容反馈

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

资源评论