Code : Tout sélectionner
<!DOCTYPE html>
<html><head data-gwd-animation-mode="proMode"><meta name="GCD" content="YTk3ODQ3ZWZhN2I4NzZmMzBkNTEwYjJl948996625a505fcf772b53a5f9b94e9e"/>
<meta charset="utf-8">
<title>default</title>
<meta name="generator" content="Google Web Designer 1.4.2.0915">
<style type="text/css">html,
body {
width: 100%;
height: 100%;
margin: 0px;
}
body {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-perspective: 1400px;
-moz-perspective: 1400px;
perspective: 1400px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
background-color: transparent;
}
.gwd-img-w3zw {
position: absolute;
left: 0%;
top: 0%;
width: 100%;
height: 100%;
}
.gwd-img-d3zr {
left:1%;
top:50%;
width:20%;
height:auto;
position:absolute;
z-index:10;
}
.gwd-video-q4yr {
position: fixed;
top: 50%;
left: 50%;
min-width: 80%;
min-height: 80%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url("scanline.png") 0% 100% no-repeat transparent;
}</style>
</head>
<body>
<img src="overlay.png" class="gwd-img-w3zw" id="overlay">
<img src="Artwork1.png" class="gwd-img-d3zr" id="Artwork1">
<video src="Video.mp4" class="gwd-video-q4yr" id="Video" loop autoplay></video>
</body></html>