더 보기 옵션

Coddy의 3D 카드 | 프론트엔드 프로젝트 코스 레슨 — 31개 중 9번째.

챌린지

쉬움

‘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 카드 | 프론트엔드 프로젝트의 모든 레슨