- Langkah pertama silahkan buat folder untuk websitenya
- Buka aplikasi yang anda untuk proses coding, kalau tidak punya , bisa gunakan notepad bawaan windows anda.
- Langsung copy - paste coding dibawah ↓
<!DOCTYPE html>
<html>
<head>
<title>Animation</title>
<link rel="stylesheet" type="text/css" href="file_css.css">
</head>
<body>
<div class="box"></div>
</body>
</html>
- Simpan dengan format HTML
- Buat lagi layar keja baru dan copy - paste coding dibawah ↓
.box{
background-color: blue;
margin: 100px 0px 0px 500px;
width: 200px;
height: 200px;
animation-name: box;
animation-duration: 4s;
animation-iteration-count: infinite;
}
@keyframes box{
10%{
transform: rotate(0deg);
border-radius: 0%;
}
50%{
transform: rotate(360deg);
border-radius: 50%;
background-color: red;
}
100%{
transform: rotate(0deg);
}
}
- Dan langsung dicoba !!
⇛⇛SALAM STORIALSDPC⇚⇚
No comments:
Post a Comment