教学 ♥ blockquote hover ( 变歪 )
14 December 2011 @ 5:45 PM




转帖请留言和附上链接 ♥

Internet Explorer 是看不到效果的 .




这个效果是当鼠标指向 blockquote 的时候

Blockquote 变歪歪的 (:




给 还没 放入 blockquote hover 代码的 :

1 Design - Edit html

2 用 ctrl+F 找 :
]]></b:skin>

3 在它 上面 放入 :
blockquote:hover {
border: 2px dashed #000000;
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
}




给 已经 放入 blockquote hover 代码的 :

1 Design - Edit html

2 用 ctrl+F 找 :
blockquote hover {

3 在它 下面 放入 :
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);




小解释 :

青色的 是框框的粗细度 种类 和颜色

红色的 是变歪的度数 两个号码必须一样




如果你要它慢慢产生变化 而不是立刻有变化

那你就加入这个代码 :
-webkit-transition-duration: 1s;

红色的 是变化的时间 ( 用秒计算的 )




不明白的话可以留下评论问我

或者是在 Tagboard 那里留言给我哦 (:


版权所有 翻印必究. ♥