Ícones - I

Lição 13 de 23 do curso Slider | Projeto Front-end da Coddy.

Desafio

Fácil

Selecione o seletor .wrapper i (os ícones):

1. Defina o position como absolute.

2. Defina o top como 50%.

3. Defina o height e o width para 50 pixels.

4. Defina a cor de fundo de sua escolha.

5. Defina o raio da borda para 50%.

6. Defina a sombra da caixa (box shadow) de acordo com sua escolha.

7. Defina o transform para translateY(-50%)

8. Defina o cursor como pointer

9. Defina o tamanho da fonte de sua escolha (isso modificará o tamanho do ícone).

10. Alinhe o texto ao centro (centraliza horizontalmente).

11. Defina o line-height como 50px (centraliza verticalmente).

12. Defina a transição para transform 0.1s linear

Experimente você mesmo

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Ícones - I

Todas as lições de Slider | Projeto Front-end