鼠标画上去图片旋转360度

                                    **鼠标画上去图片旋转360度**

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>鼠标画上去图片旋转360度</title><script type="text/javascript" src="jquery.js"></script><style type="text/css">body{padding:0;margin:0;}ul{list-style: none;}.wap{width:900px;margin:10px auto;border: 1px solid #ccc;}.wap ul li{margin:8px;float: left;box-shadow: 0px 0px 5px #ccc;background: #fff;padding: 12px;transition:1s;}.wap ul li:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);}.clearfix:after{content:".";clear: both;height:0;visibility: hidden;display:block;}.clearfix{*+height: 1%;}</style>
</head>
<body><div class="wap clearfix"><ul><li><img src="js_02.png" height="188" width="166"></li><li><img src="js_03.png" height="188" width="166"></li><li><img src="js_04.png" height="188" width="166"></li><li><img src="js_05.png" height="188" width="166"></li><li><img src="js_06.png" height="188" width="166"></li><li><img src="js_07.png" height="188" width="166"></li><li><img src="js_08.png" height="188" width="166"></li><li><img src="js_10.png" height="188" width="166"></li><li><img src="js_11.png" height="188" width="166"></li></ul></div>
</body>
</html>

注释：
1、transition:1s
2、transform:rotate(360deg)

鼠标画上去图片旋转360度相关推荐

C# 图片旋转360度程序
这几天开发一个程序,需要将一个图片旋转360度然后每一个角度保存下来.刚开始本来想着是让美工弄的,但是让一个美工手动转360度,她会喷你一脸. using System; using System.C ...
jquery 点击旋转效果，点击图片旋转360度
设置全局变量 var deg = 0; //旋转度数 var blok = true; //判断是否在动画,或者时间内css://图片内赋值css样式transition:all 0.5s linea ...
css3 图片旋转360度动画
html <div class="n_animation_picture"><img class="n_picture_adm" src=&q ...
js鼠标移动让字体旋转360度
a.change:hover{ color:indigo; -webkit-transform: rotate(-360deg); -moz-trans ...
图片可以360度旋转类似广告代码
图片可以360度旋转类似广告代码 <div style='height:60px; line-height:50px; text-align:center; color: #b2b2b2;'&g ...
鼠标经过变大1.2倍、旋转360度并改变背景色。
鼠标经过变大1.2倍.旋转360度并改变背景色. HTML代码部分 <div class="demo_box demo_rotate">鼠标经过变大1.2倍.旋转360 ...
html中如何使图片自动旋转90度,css怎么让图片旋转90度？
css怎么让图片旋转90度?下面本篇文章给大家介绍一下使用CSS让图片旋转90度的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css怎么让图片旋转90度? 在CSS中,可以 ...
将base64图片旋转90度，将图片格式化（保持透明背景）
js将图片旋转90度 function rotateBase64Img(src, edg) {var canvas = document.createElement("canvas" ...
怎么将图片旋转45度？
怎么将图片旋转45度?相信很多小伙伴在学习和工作的过程中,时常会需要将图片旋转45度,这个时候很多人习惯使用word和美图秀秀操作,或者使用系统自带的编辑器处理,但他们可能会很容易的把图片旋转90度, ...

鼠标画上去图片旋转360度

鼠标画上去图片旋转360度相关推荐

最新文章

热门文章