用到 filter:blur() 属性,里面数字越大,图片约模糊
实例:
<style>
.ww{
filter: blur(12px);
transition: 0.5s;
}
.ww:hover{
filter: blur(0px );
}
</style>
</head>
<body>
<div class="ww">
<img src="xxxx.png" alt="">
</div>
</body>