Ikony - I

Lekcja 13 z 23 w kursie Slider | Projekt front-endowy w Coddy.

Wyzwanie

Łatwy

Selektor .wrapper i (ikony):

1. Ustaw position na absolute.

2. Ustaw top na 50%.

3. Ustaw height i width na 50 pikseli.

4. Ustaw wybrany kolor tła.

5. Ustaw promień zaokrąglenia obramowania na 50%.

6. Ustaw wybrany cień pudełka.

7. Ustaw transformację na translateY(-50%)

8. Ustaw cursor na pointer

9. Ustaw wybrany rozmiar czcionki (zmieni on rozmiar ikony).

10. Wyrównaj tekst do środka (wyśrodkuje go poziomo).

11. Ustaw line-height na 50px (wyśrodkuje go pionowo).

12. Ustaw przejście na transform 0.1s linear

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 Slider | Projekt front-endowy

Poćwicz samodzielnie: Edytor online Web