פסאודו-אלמנט של מחלקת moon
שיעור 8 מתוך 10 בקורס אנימציית ליקוי חמה | פרויקט HTML/CSS של Coddy.
אתגר
קלבקובץ CSS, בחר את המחלקה moon והשתמש בפסאודו־אלמנט ::before,
- הגדר את התוכן של האלמנט הזה ל־
""(מחרוזת ריקה). - הגדר את background-color ל־
rgba(0, 0, 0, 0). - הגדר את border-radius ל־
50%. - הגדר את z-index ל־
-1. - הגדר את הרוחב והגובה ל־
100%. - הגדר את position ל־
absoluteואת display ל־block. - הוסף אנימציה בשם
"eclipse-animation", שתפעל במשך3.2sבכל פעם, במצבlinear,infiniteו־alternate.
נסו בעצמכם
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- כתבו כאן קוד HTML -->
<script src="script.js"></script>
</body>
</html>כל השיעורים ביחידה אנימציית ליקוי חמה | פרויקט HTML/CSS
תרגלו בעצמכם: Web אונליין