我有一个带有一堆图像(20)的 div,我喜欢在一些图像上进行一点旋转,比如 +-2dg
我尝试过但没有成功...所有图像均等旋转
/* By default, we tilt all our images -2 degrees */
#gallery2 img {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
}
/* Rotate all even images 2 degrees */
#gallery2 img:nth-child(even) {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
}
/* Don't rotate every third image, but offset its position */
#gallery2 img:nth-child(3n) {
-webkit-transform: none;
-moz-transform: none;
}
/* Rotate every fifth image by 5 degrees and offset it */
#gallery2 img:nth-child(5n) {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
}
所以我喜欢在 jquery 中编写代码,它将遍历 div 中的所有图像并随机旋转它 + ou - 2 dg
有人知道该怎么做吗?
$("#gallery2 img").each( function() {
var rNum = (Math.random()*4)-2;
$(this).css( {
'-webkit-transform': 'rotate('+rNum+'2deg)',
'-moz-transform': 'rotate('+rNum+'2deg)'
} );
} );
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)