✟ 神秘の科学城 ✟: 当鼠标指向图片时,会出现圆角+光环

当鼠标指向图片时,会出现圆角+光环





1. Design → Edit HTML → 按Ctrl + F 寻找  /* Header 

2. 在 /* Header  之前,Copy & 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;}



- - - - - - - - Update - - - - - - - -



第2个方法就是,

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



1. 青色字的号码可以自行更换 :D
2. 橙色字颜色代码
3. 如果你不想图片变蒙,那么你就把 opacity: .6; 删除~

祝你们成功^-^

6 条评论:

人,要学会聆听,听智者之言可以启迪智慧,听批评之言可以反躬自省。

即使记忆总有一天会消逝,就让我们一起留下欢乐的一点一滴、美好的回忆~ :D

Popular Posts