Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
cara buat video menjadi cover depan website dan bisa di beri tulisan di depan websitenya
idenya gimana yaa...?7 Jawaban:
silahkan dishare fadhli, biar yang mau tahu juga bisa lihat jawbaannya
0
html:
<body>
<div id="bungkus">
<nav>
<img src="asset/fadhilweb.png">
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contac</a></li>
<li><a href="#">My Projet</a></li>
<li><a href="#">Home</a></li>
</ul>
</nav>
</div>
<div id="wrap">
<video autoplay muted source src="asset/laptop.MP4"></video>
<div id="info">
<h1>WE'LL HELP CREATE YOUR WEBSITE</h1>
<a href="#" id="get">Get Try</a>
<a href="#" id="tes">Testimoni</a>
</div>
</div>
</body>
css:
*{
margin:0;
padding:0;
}
#bungkus{
width:100%;
height:80px;
background:white;
}
nav a{
color:black;
text-decoration:none;
}
nav{
width:80%;
height:80px;
background:white;
margin:0 auto;
z-index:2;
}
nav img{
float:left;
}
nav li{
float:right;
display:inline-block;
padding:0 20px;
line-height:80px;
font-family: 'Montserrat', sans-serif;
font-size:17px;
}
/*------------bagian video--------------*/
#wrap{
position:relative;
width:100%;
height:560px;
overflow:hidden;
clear:both;
z-index:1;
}
#wrap video{
right:0;
width:100%;
}
#info{
position:absolute;
top:0;
background:rgba(0,0,0,0.5);
width:100%;
height:600px;
color:white;
text-align:center;
}
#info h1{
padding-top:200px;
font-family: 'Reem Kufi', sans-serif;
font-size:60px;
}
#info a{
text-decoration:none;
font-size:30px;
color:white;
padding:1px 20px;
margin:30px 50px;
display:inline-block;
font-family: 'Reem Kufi', sans-serif;
transition:background 1s;
}
#get{background:#64d671;}
#tes{background:#e04623}
#get:hover,#tes:hover{color:black;background:white;}
Semoga bermanfaat :)
0
tapi kenapa saat videonya sudah habis dia g balik k video awalya min..?padahal sudah di autoplay @hilmanrdn
0
Jawaban Terpilih
tambahin loop di element video
<video autoplay loop src="../blue.3gp">
0
trimakasih admin n agan-agan sekalian :)
0