好玩的毛玻璃特效

之前收藏的一个网页出现了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

你可能感兴趣的:(好玩的毛玻璃特效)