鼠标指向图片时出现的圆角



只有 Google Chrome 才看得到效果


效果如图

登入部落格 > 设计 > Edit Html

按 CTRL + F 寻找
a:img {

然后用以下的代码代替后面的代码

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

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


颜色代码按这里

如果找不到 a:img {

那就在 /* Header 之前加入以下的代码

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


如果不想图片变模糊

把 opacity: .6; 删除掉

然后按 SAVE :D




4 則留言: