旋转图片

效果如图:

鼠标指向图片时会旋转
方法很简单、只要依照以下的步骤就可以了;)
1. 设计 → 修改 HTML

2. 按 ctrl + F 、找
a:hover {

3. 然后把以下的代码 copy 到 a:hover {...}的后面


向右旋转のCode
a img:hover {
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
}


向左旋转のCode
a img:hover {
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
}


* 红色的号码可自己更改

8 comments: