Menu
Coddy logo textTech
ZACZNIJ NAUKĘ
flag Pl iconPolskidown icon

Opcja „Zobacz więcej”

Lekcja 9 z 31 w kursie Karta 3D | Projekt front-endowy w Coddy.

challenge icon

Wyzwanie

Łatwy

Wewnątrz „view-more”:

  1.  

    1. Utwórz przycisk o nazwie klasy ‘view-more-button’ i dodaj w nim tekst ‘View more’.
    2. Poniżej przycisku dodaj ten 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>

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Wpisz tutaj kod HTML -->
        <script src="script.js"></script>
    </body>
</html>

Wszystkie lekcje w sekcji Karta 3D | Projekt front-endowy

1Wprowadzenie

Co zbudujesz?

4CSS - II

Klasa „view-more”Lekcja projektowaKlasa „view-more-button”Lekcja projektowaKlasa „svg”Lekcja projektowa„social-buttons-container”Lekcja projektowaKlasa „social-button”Lekcja projektowaKlasa „logo”Lekcja projektowa

2HTML

Tytuł i kontenery zewnętrzneSekcje divLekcja projektowaElementy spanLekcja projektowaTreśćLekcja projektowaDół – ILekcja projektowaDół – IILekcja projektowaDodawanie SVGLekcja projektowaOpcja „Zobacz więcej”Lekcja projektowa

5CSS - III

Klasa „circle”Lekcja projektowaKlasa „circle1”Lekcja projektowaKlasa „circle2”Lekcja projektowaKlasa „circle3”Lekcja projektowaKlasa „circle4”Lekcja projektowaEfekt najechania kursorem - ILekcja projektowaEfekt najechania kursorem - IILekcja projektowa

3CSS - I

Selektor uniwersalnyLekcja projektowaElement bodyLekcja projektowaKlasa 'parent'Lekcja projektowaKlasa 'card'Lekcja projektowaKlasa 'glass'Lekcja projektowaKlasa 'content'Lekcja projektowaTytuł nagłówkaLekcja projektowaKlasa 'text'Lekcja projektowaKlasa 'bottom'Lekcja projektowa

Poćwicz samodzielnie: Edytor online Web