CSS3 滤镜Filter亮度动画

余生长醉 提交于 2019-12-04 18:05:48

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>

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!