CSS3 滤镜Filter亮度动画

CSS3 滤镜Filter亮度动画

-webkit-filter:brightness 值越高 亮度越亮
<pre>
<!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>
</pre>

猜你喜欢

转载自www.cnblogs.com/newmiracle/p/11876735.html