header iklan
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.

1
3
4
Cek Berita dan Artikel yang lain di Google News
TERPOPULER
TERPOPULER