好玩的毛玻璃特效

之前收藏的一个网页出现了404，这个404页面很有特色，有个毛玻璃特效看起来好晕，贴出来大家一起晕：

#header{animation: focus 10s ease-in-out infinite; -webkit-filter: blur(0rem);}
@keyframes focus {0% {-webkit-filter: blur(0rem);} 30% {-webkit-filter: blur(0rem);} 50% {-webkit-filter: blur(.125rem);}
60% {-webkit-filter: blur(0rem);} 80% {-webkit-filter: blur(0rem);} 90% { -webkit-filter: blur(.1875rem);}
100% {-webkit-filter: blur(0rem);}}

知识点：filter: blur(0rem);   给图像设置高斯模糊

转载于:https://www.cnblogs.com/justSmile2/p/9622028.html