使用filter: blur() 的時候解決圖片周圍泛白和容器外范圍變模糊的問題


類似於這種,這個時候出現了周圍變模糊,並且邊緣泛白的情況

 

周圍模糊這個問題很好解決,給父容器加overflow:hidden;就可以了

效果如上,至於周圍泛白的問題就需要動點腦筋了,給目標添加 transform: scale(1.2);  放大為原來的1.2倍,這樣泛白的部分就可以隱藏起來看不見了。

最終效果


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM