首页 网页js代码 css鼠标经过图片旋转360°样式 2018年2月14日 0条评论 css鼠标经过图片旋转360°样式 内容 相关 简单css鼠标经过图片旋转360°样式,代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>吾爱搜css3练习题201</title> <style type="text/css"> .pic{position:relative;height: 24px;width: 200px;margin: 120px auto;} .pic img{position: absolute;right: 0;top: 0;transition:all 0.5s linear;transform:rotate(0deg);opacity: 0} .pic:hover img{opacity: 1; transform:rotate(-360deg);} </style> </head> <body> <div class="pic">鼠标移过来看看<img src="https://gss0.bdstatic.com/70cFsj3f_gcX8t7mm9GUKT-xh_/avatar/100/r11s1g9.gif"/></div> </body> </html> 图片旋转.zip 点赞  (2) 打赏 分享 支付宝扫一扫 微信扫一扫 企鹅扫一扫