css图片模糊鼠标移到图片变清晰__互联网

方法一：
css代码

<style type="text/css">
body, html {
margin: 0;
padding: 0;
100%;
height: 100%;
}
.ccli {
padding: 20px;
position: relative;
overflow: hidden;
}
img {
height: 200px;
transition: .5s ease-in-out;
}
.ccli div {
300px;
overflow: hidden;
float: left;
margin-left: 40px;
}
.blur img {
filter: blur(15px);
-webkit-filter: blur(15px);
}
.blur img:hover {
filter: blur(0);
-webkit-filter: blur(0);
}
</style>
关键代码 > filter: blur(0); 数值越大越模糊！

方法二：
img
{
opacity:0.02;（鼠标指针未移动）
}
img:hover
{
opacity:1.0;（鼠标指针移动后）
}

核心内容已隐藏，请联系管理获取。

此文由 5566免费网站目录_网站收录平台_5566精彩网址大全编辑，未经允许不得转载！

相关文章