מחלקת moon

שיעור 7 מתוך 10 בקורס אנימציית ליקוי חמה | פרויקט HTML/CSS של Coddy.

אתגר

קל

בקובץ ה-CSS, התייחס למחלקה moon:

הגדר את הרוחב והגובה של המחלקה moon ל-220px.
הגדר את border-radius ל-50%.
הגדר את המיקום של המחלקה moon ל-relative.
הגדר את background-image ל-linear-gradient(30deg, #13223f, #0e1a30).

עכשיו אמור להופיע הירח!

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- כתבו כאן קוד HTML -->
        <script src="script.js"></script>
    </body>
</html>

כל השיעורים ביחידה אנימציית ליקוי חמה | פרויקט HTML/CSS

1HTML

מה אתם הולכים ליצור?הגדרת הקוד מכל הירח

2CSS

תגית אוניברסלית

תגית HTML

תגית body

מחלקת moon שיעור פרויקט

פסאודו-אלמנט של מחלקת moon

אנימציית ליקוי

רספונסיביות

תרגלו בעצמכם: Web אונליין