CSS3 滤镜Filter亮度动画
-webkit-filter:brightness 值越高 亮度越亮
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.img{
background: url(http://weiqunwang.net/demo/css3mask/kate.png) no-repeat;
width:355px;
height:296px;
-webkit-filter:brightness(1);
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{to { -webkit-filter:brightness(20);}
}
</style>
</head>
<body>
<div class="img"></div>
</body>
</html>
原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/18877.html