教学 | 鼠标指向图片时出现圆角

想制作如以上的效果吗?

1)Design > Edit HTML > 按 Ctrl + F 寻找 a img {

2)把 a img { 之后的 code 删除然后换成这个

-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;
}  

黄色 highlight 的颜色代码可以更换去其他颜色的颜色代码。=)

如果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;
} 

飞过留个评论下来呗