CSS Visual ToolsLesson 70Preview gratis
Gradient Generator
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Gradient generator membuat kode CSS untuk peralihan warna bertahap, baik lurus, radial, maupun melingkar. Kamu dapat mengatur arah, posisi color stop, dan transparansi lalu menyalin hasilnya ke stylesheet. Gradien membantu membuat latar lebih menarik tanpa memerlukan file gambar.
Poin kunci
- linear-gradient membuat peralihan warna sepanjang garis lurus
- radial-gradient memancar dari titik pusat
- conic-gradient berputar mengelilingi titik pusat
- Color stop menentukan posisi dan warna pada gradien
- Gradien adalah gambar CSS sehingga dipasang lewat background atau background-image
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.