鼠标指向图画时出现圆角

1. 你先去 设计 ( design ) 

2. 按去 修改 HTML ( edit HTML )

3. 按Ctrl+F 寻找 a img {

找到了过后 

把以下的code copy & paste 进去 a img { 之后

-webkit-transition-duration:.4s;}

img:hover {filter: alpha(opacity=60);
opacity: .6;
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
} 

3。Preview 看看 code 有没有问题。Preview 是看不到效果的，看到的话也是一阵子而已。保存。

---

如果你找不到 a img {，那么你就这样做：

1。Design > Edit HTML > 按 Ctrl + F 寻找  /* Header


2。在 /* Header 之前 copy and paste 这个 code:



a:img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .6;
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}


或者是这个（不会蒙 + 会渐渐变化）


img:hover {filter: alpha(opacity=60);
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
-webkit-transition-duration:.4s;
}

3。Preview 看看 code 有没有问题。Preview 是看不到效果的，看到的话也是一阵子而已。保存。

*红色的号码可以更改调整

*黄色 highlight 的颜色代码，可以更换去其他颜色的颜色代码。
* 如果你不要图画变蒙，你就把 opacity: .6; 删除。

路过:)谢谢阅读:)更新了记得回来看蛤:DD