CSSTingkat menengah
CSS Lanjutan, Animasi & Desain Sistem
Buat antarmuka web interaktif dan memukau kelas dunia. Pelajari manajemen tema dengan CSS Variables, animasi transisi & keyframes berkinerja tinggi, pseudo-classes modern (:has, :is, :where), fungsi matematis (clamp, min, max), subgrid, hingga teknik scroll snapping.
8 Pelajaran Bertahap
Estimasi 260 Menit
Sertifikat Penyelesaian
Akses KelasGratis
Mulai belajar kapan saja. Progres belajarmu akan tersimpan otomatis di akunmu.
Mulai Belajar SekarangInstruktur: Tim Pengembang Kodeluma
Silabus & Rangkaian Materi
Daftar Pelajaran (8 Materi)
01
Pelajaran Wajib1. CSS Custom Properties (Variables) & Desain Sistem Dinamis
Pelajari manajemen token desain, scoping variabel, serta implementasi Dark/Light theme tanpa reload halaman.
02
Pelajaran Wajib2. Transisi Halus & Timing Functions (Cubic-Bezier)
Kuasai kurva percepatan transisi, timing function cubic-bezier kustom, dan efek micro-interaction alami.
03
Pelajaran Wajib3. Animasi Keyframes Berperforma Tinggi (GPU Compositing 60fps)
Rancang animasi kompleks dengan @keyframes dan teknik akselerasi hardware via transform & opacity.
04
Pelajaran Wajib4. Pseudo-classes Modern: :has(), :is(), dan :where()
Gunakan 'parent selector' yang telah lama dinanti (:has) dan optimalkan spesifisitas selector dengan :is dan :where.
05
5. Fungsi Matematika Modern: clamp(), min(), max(), dan calc()