Latihan 1: Gradients — CSS
Latihan 1 dari materi Gradients di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kasih .banner latar gradien lurus dari biru ke ungu:
- Di dalam aturan
.banner { } yang sudah ada, tambahkan background: linear-gradient(blue, purple);
Arahnya gak perlu ditulis. Tanpa arah, gradiennya jalan dari biru di atas ke ungu di bawah.
Hint
- Gradien itu gambar buatan browser, jadi dipasang di properti background, bukan di background-color.
- Function buat gradien lurus adalah linear-gradient(). Isinya warna awal lalu warna akhir, dipisah koma.
- Tambahkan background: linear-gradient(blue, purple); di dalam aturan .banner, sesudah font-size: 24px;