Ingin Membuat Efek Rotate? Begini Cara Membuat Transform 3D dengan CSS
Penulis : Andriansyah |
Sabtu 24 June 2023, 10:00 WIB |
Ingin Membuat Efek Rotate? Begini Cara Membuat Transform 3D dengan CSS - WASTU.ID
```css
.box {
 width: 200px;
 height: 200px;
 background-color: #f1f1f1;
 border: 1px solid #ccc;
 margin: 50px auto;
 text-align: center;
 transition: transform 0.3s ease;
}
.box:hover {
 transform: rotateY(180deg);
}
```
Dalam contoh ini, kita mengatur ukuran, warna latar belakang, dan border dari elemen dengan kelas "box".Â
Kami juga memberikan margin agar elemen berada di tengah halaman dan mengatur `text-align: center` untuk mengatur teks di dalam elemen. Kami juga menambahkan transisi untuk membuat perubahan transformasi terlihat lebih halus.