selamat sore,
saya mau buat slider, terdiri dari tiga buah kotak…
saya pingin berganti setiap tiga detik …
bagaiamana cara nya
berssama ini saya kirimkan html dan css nya
ini html nya
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<div class="col-1" id="kotak1">
</div>
<div class="col-2" id="kotak2">
</div>
<div class="col-3" id="kotak3">
</div>
dan ini css nya
⃰
{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
.main-con■■■ner
{
border: 3px solid red;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.col-1
{
border: 3px solid red;
width: 100px;
height: 100px;
background-color: black;
position: absolute;
z-index: 3;
}
.col-2
{
border: 3px solid red;
width: 100px;
height: 100px;
background-color: blue;
position: absolute;
z-index: 2;
}
.col-3
{
border: 3px solid red;
width: 100px;
height: 100px;
background-color: gold;
z-index: 1;
}
mohon dibantu…
terima kasih
berkah selalu