Etykieta

Lekcja 14 z 19 w kursie Klon strony logowania Netflix | Projekt front-endowy w Coddy.

Wyzwanie

Łatwy

Wybierz element label w klasie form-control:

Ustaw position na absolute, 20 pikseli od lewej i 50% od góry.
Ustaw transform na translateY(-50%)
Ustaw rozmiar czcionki na 16px.
Ustaw pointers-event na none.
Ustaw color na #8c8c8c.
Dodaj transition: all 0.1s ease; na końcu.

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 Klon strony logowania Netflix | Projekt front-endowy

1Wprowadzenie

Co zamierzasz stworzyć?

4CSS - II

2HTML

Tytuł i kontener Pola formularza I

3CSS - I

Klasa wrappera formularza

h2 i formularz w wrapperze

Klasa kontrolki formularza

Pole wejściowe

Etykieta

Efekt przesunięcia przy fokusie

Poćwicz samodzielnie: Edytor online Web