אפשרות הצגת עוד

שיעור 9 מתוך 31 בקורס כרטיס תלת־ממדי | פרויקט Front-end של Coddy.

אתגר

קל

בתוך ‘view-more’:

צרו כפתור עם שם המחלקה ‘view-more-button’ והוסיפו לכפתור את הטקסט ‘View more’.
מתחת לכפתור, הוסיפו את ה-SVG הזה:

<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-linecap="round"
                        stroke-linejoin="round">
     <path d="m6 9 6 6 6-6"></path>
</svg>

נסו בעצמכם

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

כל השיעורים ביחידה כרטיס תלת־ממדי | פרויקט Front-end

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