Medir antes
de copiar.
É método.
Técnicas
Toda animação desta página saiu de uma página viva, medida com régua, cronômetro e a curva anotada.
Entrada
O quadro do herói sobe de baixo para cima em 1,4 s e a foto desfaz um zoom de 115% em 2 s. As duas curvas foram lidas na folha de estilo da referência. Técnica T07.
Passagem do mouse
Nos projetos, a foto cresce 5% em 700 ms quando o cursor entra. Mais devagar que isso parece travado, e mais rápido lembra vitrine de loja. Técnica T02.
Rolagem
No processo, o texto fica parado à esquerda e as quatro fotos se revezam à direita, uma a cada quarto do caminho, por opacidade em 700 ms. Técnica T08.
Projetos de teste
Zoom lento
T02 · 1,05 em 700 ms
Troca de foto
T03 · 600 ms
Título que acende
cor em 150 ms
Grade em cinco
2 + 3 colunas
Proporção livre
altura de 500 px
Faixa inteira
1 coluna, 600 px
Processo
Quatro passos entre a referência e o Elementor.
Abrir a página viva, ler o estilo calculado de cada bloco, escrever a receita em código puro e só então montar no Elementor. O que o painel não guarda vai para o código do site, com o motivo anotado.
