צללים
שיעור 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>
<!-- כתבו כאן קוד HTML -->
</body>
</html>כל השיעורים ביחידה פרויקט CSS - כפתור מעוצב
תרגלו בעצמכם: Web אונליין