教程♥//模糊和清晰图片鼠标指向后的转变

今天的教程 , 鼠标指向照片的转变

第一

1. 清晰图片在鼠标指向后变成模糊图片. 看看教程吧 ! ;)

- 登入博客 > 自定义 > 修改HTML > 继续

按CTRL+F 找 ]]></b:skin> 

然后]]></b:skin> 上面添加这个代码。

img{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
img:hover{
-webkit-transition-duration: .5s;
filter: alpha(opacity=75);
moz-opacity:.75;
opacity:.75;
}

好了按保存 . 

第二

2. 模糊图片在鼠标指向后变成 清晰图片. 看看教程吧 ! ;)

登入博客 > 信息中心 > 设计 > 修改HTML

按CTRL+F 找 ]]></b:skin> 

然后]]></b:skin> 上面添加这个代码。

img{
filter: alpha(opacity=75);
moz-opacity:.75;
opacity:.75;
}
img:hover{
-webkit-transition-duration: .5s;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

好了按保存  . 就OK啦 :D

有什么问题留言吧 ;)