教学 ♥ blockquote hover ( 圆角 )
11 December 2011 @ 9:46 AM
转帖请留言和附上链接 ♥
这篇和 '有圆角的 blockquote' 那篇不一样喔
这个是鼠标指向时 blockquote的才会出现圆角 (:
给 还没 放入 blockquote hover 代码的 :
1 Design - Edit html
2 用 ctrl+F 找 :
]]></b:skin>
3 在它 上面 放入 :
blockquote:hover {
border: 1px dashed #68BEFF;
padding: 10px;
border-radius: 10px 10px;
-moz-border-radius: 10px 10px;
-webkit-border-radius: 10px 10px;
}
给 已经 放入 blockquote hover 代码的 :
1 Design - Edit html
2 用 ctrl+F 找 :
blockquote hover {
3 在它 下面 放入 :
border-radius: 10px 10px;
-moz-border-radius: 10px 10px;
-webkit-border-radius: 10px 10px;
小解释 :
红色的 是框框的粗细度
蓝色的 是框框的种类
紫色的 的是框框的颜色
灰色highlight 是框框与字的距离
号码越大 框框与字的距离就越大 (:
青色highlight 是圆角度 每个号码必须一样
号码越大 圆角越圆 (:
如果你要它慢慢产生变化 而不是立刻有变化
那你就加入这个代码 :
-webkit-transition-duration: 1s;
红色的 是变化的时间 ( 用秒计算的 )
不明白的话可以留下评论问我
或者是在 Tagboard 那里留言给我哦 (:
Copyrighted by Ahhxuan. ♥