خيار عرض المزيد

الدرس 9 من 31 في دورة بطاقة 3D | مشروع 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>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

خيار عرض المزيد

جميع دروس بطاقة 3D | مشروع Front-end