指向图片时变模糊/清澈
教程 1 》 鼠标指向图片时变模糊
Blog Template
1. 设计 - 修改HTML
2. Ctrl+F 找 ]]></b:skin>
3. ]]></b:skin> 上面 添加以下代码：
Blogskin
1. 去模板 Template
2. Ctrl+F 找 </style>
3. </style> 上面 添加以下代码：
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 》 鼠标指向图片时变清澈
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);
}
