CSS AdvancedLesson 57Preview gratis
CSS 2D Transforms
Lesson ini bagian dari CSS · Semua level
Ringkasan
Transform 2D menggeser, memutar, memperbesar, dan memiringkan elemen tanpa mengubah tata letak di sekitarnya. Fungsi yang tersedia antara lain `translate`, `rotate`, `scale`, dan `skew`, yang bisa dikombinasikan dalam satu properti `transform`. Titik asal transformasi bisa dipindah dengan `transform-origin`.
Poin kunci
- `translate(x, y)` menggeser elemen secara horizontal/vertikal
- `rotate(deg)` memutar searah jarum jam bila positif
- `scale(x, y)` memperbesar atau memperkecil; nilai > 1 membesar
- `transform-origin` menentukan pusat rotasi/skala, default di tengah elemen
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.