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>