CSS Visual ToolsLesson 79Preview gratis
Transform Generator
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Transform generator membantu membuat efek translate, rotate, scale, dan skew pada elemen. Kamu dapat menggabungkan beberapa transform, mengatur titik acuan dengan transform-origin, dan melihat hasilnya langsung. Transform tidak mengubah aliran layout, sehingga elemen lain tetap berada pada posisi semula.
Poin kunci
- translate memindahkan elemen tanpa mengubah ruang layout aslinya
- rotate memutar elemen dan umumnya memakai satuan deg
- scale memperbesar atau memperkecil elemen
- transform-origin menentukan titik acuan transformasi
- Urutan fungsi transform memengaruhi hasil akhir
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.