晾晾♥



Home stuffies Links Follow




No Right click. Ctrl + C to copy. Thanks ! XD

Remember to Give a Like ! Love you guys ♥

facebook · Dasboard

2013年7月27日星期六 | POST ♥
   指向图片变圆角


鼠标如果指向图片时,会变圆角。

Blog Template 

1. 设计 - 修改 HTML / Edit HTML

2. Ctrl+F 寻找代码 ]]></b:skin>

3. 在 ]]></b:skin>上面添加以下代码:

img:hover {
-webkit-transition-duration: 0.5s;
-moz-border-radius: 30px;
border-radius: 30px;
}

4. 如果你的HTML里有 img:hover { 的话,那就在它下面添加:

-webkit-transition-duration: 0.5s;
-moz-border-radius: 30px;
border-radius: 30px;
}

5. Preview 看效果,保存。


Blogskin 

1. 去模板 Template

2. 寻找代码 img:hover {

3. 在它下面添加:

-webkit-transition-duration: 0.5s;
-moz-border-radius: 30px;
border-radius: 30px;
}

4. 如果没有 img:hover { 的话,就在 img{.....} 的下面添加:

img:hover {
-webkit-transition-duration: 0.5s;
-moz-border-radius: 30px;
border-radius: 30px;
}

5. 保存。
NEW ⇠
PAST ⇢