Bayangan

Pelajaran 6 dari 8 dalam kursus Proyek CSS: Tombol Keren di Coddy.

Menambahkan efek bayangan pada tombol merupakan praktik umum untuk memberikan kesan terangkat dan dapat diklik.

Untuk menambahkan bayangan di CSS, kita menggunakan property box-shadow,

#with-shadow {
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
}

Baca selengkapnya

Tantangan

Mudah

Tambahkan bayangan pada tombolmu!

Petunjuk: sebaiknya gunakan warna rgba(0, 0, 0, 0.25) sebagai warna bayangan (kamu bisa mengatur opasitasnya, 0.25)

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
    </body>
</html>

Semua pelajaran di Proyek CSS: Tombol Keren

1Pengantar

Pengantar Bagian HTML

2Proyek CSS

Bayangan

Latihan sendiri: Playground Web