Latihan 1 dari materi Shadows & Filters di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kasih .kartu bayangan supaya kelihatan sedikit terangkat:
Di dalam aturan .kartu { } yang sudah ada, tambahkan box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
Urutannya: geser ke kanan 2px, geser ke bawah 4px, buram 8px, lalu warnanya. Angka-angkanya dipisah spasi, bukan koma.
Hint
Bayangan kotak elemen ditulis dalam satu properti, berisi geser kanan, geser bawah, buram, lalu warna.
Propertinya box-shadow. Nilainya 2px, 4px, 8px, lalu warna rgba(0, 0, 0, 0.2), semuanya dipisah spasi.
Tambahkan box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2); di dalam aturan .kartu, sesudah width: 250px;
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...
