Gölgeler

Coddy'nin CSS Projesi - Şık Buton kursunda ders 6 / 8.

Bir butona yükseltilmiş ve tıklanabilir bir his vermek için gölge efektleri eklemek yaygın bir uygulamadır.

CSS'de gölge eklemek için box-shadow özelliğini kullanırız,

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

Daha fazla oku

Görev

Kolay

Butonunuza gölgeler ekleyin!

İpucu: Gölge rengi olarak rgba(0, 0, 0, 0.25) rengini kullanmak iyi bir uygulamadır (opaklık ile oynayabilirsiniz - 0.25)

Kendin dene

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>

CSS Projesi - Şık Buton bölümündeki tüm dersler

1Giriş

2CSS Projesi

Gölgeler