Tùy chọn xem thêm

Bài học 9 trên 31 trong khóa học Thẻ 3D | Dự án front-end của Coddy.

Thử thách

Dễ

Bên trong ‘view-more’:

Tạo một nút có tên lớp ‘view-more-button’ và thêm văn bản ‘View more’ vào nút.
Bên dưới nút, thêm SVG sau:

<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>

Tự làm thử

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Viết code HTML ở đây -->
        <script src="script.js"></script>
    </body>
</html>

Tất cả bài học trong Thẻ 3D | Dự án front-end

Tự luyện tập: Playground Web