閃光燈-css3動畫

建議使用谷歌瀏覽器或者是使用IE10及以上版本的瀏覽器

閃光燈

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>閃光燈</title>
<style>
.div {
	width:300px;
	height:200px;
	margin:100px auto;
	background:url(http://www.aloodi.com/img/demo/1373.png)
}
#animation {
-webkit-animation:flash 1s .2s ease both;
-moz-animation:flash 1s .2s ease both;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@-moz-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
</style>
</head>
<body>
<div id="animation" class="div"></div>

<a href="http://www.aloodi.com/">亚洲国产成人乱码精品女人久久久不卡</a>
<table id="table1" height="15" cellSpacing="0" cellPadding="0" width="90%" border="0" style="font-size: 12px; cursor: default; color: buttontext">
<caption><font color="#5AFF63"><marquee onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=1" scrollAmount="1" scrollDelay="1" direction="up" width="100%" height="3">

</table>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html>