header iklan
Ingin Membuat Efek Rotate? Begini Cara Membuat Transform 3D dengan CSS
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.

TERPOPULER
TERPOPULER