الظلال
الدرس 6 من 8 في دورة مشروع CSS - زر أنيق على Coddy.
من الممارسات الشائعة إضافة تأثيرات الظل إلى الأزرار لمنحها شعوراً بالارتفاع والقابلية للنقر.
لإضافة ظل في CSS نستخدم خاصية box-shadow،
#with-shadow {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
}
التحدي
سهلأضف ظلالاً إلى الزر الخاص بك!
نصيحة: من الممارسات الجيدة استخدام لون
rgba(0, 0, 0, 0.25)كلون للظل (يمكنك التلاعب بدرجة الشفافية - 0.25)
جرّب بنفسك
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>