<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
html{
height:100%;
}
body{
margin:0 auto;
width:100%;
height:100%;
background-image:url("http://uviprint.ru/wp-content/gallery/vid/vid_007.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
}
body:before{
width:100%;
height:100%;
animation-name:Fade;
animation-timing-function:ease-in-out;
animation-iteration-count:infinite;
animation-duration:10s;
animation-direction:alternate;
content:'';
display:block;
background-image:url("http://pic5.bbzhi.com/chuangyibizhi/shejishimengxiangzhongdefengguangbizhi/shejishimengxiangzhongdefengguangbizhi_469563_2.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
}
@keyframes Fade{
0%{
opacity:0;
}
35%{
opacity:1;
}
55%{
opacity:1;
}
100%{
opacity:0;
}
}
</style>
</head>
<body>
</body>
</html>