Label

Lição 14 de 19 do curso Clone da Página de Login da Netflix | Projeto Front-end da Coddy.

Desafio

Fácil

Selecione o label na classe form-control:

Defina position como absolute, 20 pixels da esquerda e 50% do topo.
Defina transform como translateY(-50%)
Defina o tamanho da fonte para 16px.
Defina pointers-event como none.
Defina a color como #8c8c8c.
Adicione transition: all 0.1s ease; ao final.

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>

Todas as lições de Clone da Página de Login da Netflix | Projeto Front-end

1Introdução

O que você vai criar?

4CSS - II

2HTML

Configuração de Título e Wrapper Input de formulário I

Input de formulário II

3CSS - I

Wrapper h2 e formulário

Classe Form Control

Input

Label

Efeito de deslocamento ao focar