CSS AdvancedLesson 53Preview gratis
CSS Gradients
Lesson ini bagian dari CSS · Semua level
Ringkasan
Gradien CSS dibuat langsung dengan fungsi tanpa file gambar, sehingga lebih ringan dan tajam di semua ukuran layar. Ada tiga jenis utama: linear (lurus), radial (melingkar dari titik), dan conic (memutar mengelilingi titik). Kita bisa menambahkan banyak titik henti (color stop) untuk transisi warna yang halus.
Poin kunci
- `linear-gradient(arah, warna1, warna2)` membuat perpindahan warna sepanjang garis
- `radial-gradient()` memancar dari sebuah pusat, bentuk bisa `circle` atau `ellipse`
- `conic-gradient()` memutar warna mengelilingi titik seperti jarum jam
- Warna berhenti bisa diberi posisi persen, misalnya `red 30%, blue 70%`
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.