ImagesLesson 90Preview gratis
Flip an Image
Lesson ini bagian dari How To · Semua level
Ringkasan
Flip an image membalik gambar secara horizontal atau vertikal menggunakan transformasi CSS. scaleX(-1) menghasilkan cermin kiri-kanan, sedangkan scaleY(-1) membalik atas-bawah. Efek ini berguna untuk dekorasi, animasi, atau menyesuaikan arah visual tanpa mengedit berkas gambar.
Poin kunci
- transform: scaleX(-1) membalik gambar secara horizontal.
- transform: scaleY(-1) membalik gambar secara vertikal.
- rotateY(180deg) juga dapat memberi efek cermin dengan transformasi 3D.
- transition membuat proses pembalikan terlihat halus.
- Teks di dalam gambar ikut terbalik, jadi efek ini kurang cocok untuk gambar bertulisan.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.