Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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