指向图片的时候有圆角 + 颜色的框框

 

这个是当你的鼠标指向我的图片就会出现的圆角 + 有颜色的框框

这个只限【Mozilla Firefox】 & 【Google Chrome】

如果你不知道的话也可以指向现在的照片直接看看效果吧

-----教程开始------

先到-->页面元素-->修改Html-->Ctrl + F 寻找【/* Header】

然后在【/* Header】的上面添加以下的代码

a:img {
-webkit-transition-duration:.4s;}
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;
}

如果你的【/* Header】的上面已经有【  a img { 】 这个字了，就把【  a img { 】后面的代码换成以下的代码

-webkit-transition-duration:.4s;}
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;
}

温馨小提示❤
❤红色的字体-->是你要的颜色咯，想要颜色的话就去颜色代码那里看看哦=]

如果不明白的话就告诉我呗