Menu
Coddy logo textTech

גודל אקראי

שיעור 9 מתוך 18 בקורס עננים נעים - פרויקט HTML/CSS/JS של Coddy.

challenge icon

אתגר

קל

בואו נוסיף לענן גודל אקראי.

כדי להגדיר גדלים שונים לענן בלי לשנות הכול, אפשר להשתמש ב-transform וב-scale:

transform: scale(0.3)

הקוד שלמעלה יגדיל או יקטין את האלמנט שאליו הוא מכוון ל-0.3 מגודלו המקורי!

בקובץ JS, הוסיפו את מאפיין הסגנון הזה באופן תכנותי ואז הפכו אותו לאקראי. הגדלים המומלצים הם בין 0.3 ל-1.

הקפידו לא למחוק את הקוד הקודם שלכם, שיוצר את המיקום האקראי!

נסו בעצמכם

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

כל השיעורים ביחידה עננים נעים - פרויקט HTML/CSS/JS

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