Ambiente de Calibragem Visual
🎛️ Bancada de Keyframes do Slider
Ajuste em tempo real a oscilação automática do comparativo Antes & Depois. Teste amplitudes, pausas nas extremidades e curvas de aceleração sem precisar recarregar o código.
Antes (Piso original)Depois (Epóxi Solux)●Demonstração em Tempo Real
Veja abaixo como o slider se comporta com as alterações feitas na bancada
Posição do Divisor50.0%
Fase Atual➡️ Indo para o Concreto (Antes)
0% (Epóxi Total)Min: 20%Centro: 50%Max: 80%100% (Concreto Cru)
🎯 Presets Recomendados
Clique para testar📏 Limites de Movimento (Keyframes)
Ponto Mínimo (Lado Epóxi)20%
Quanto mais para a esquerda, mais resina epóxi espelhada é revelada.
Ponto Máximo (Lado Concreto)80%
Quanto mais para a direita, mais piso original áspero é revelado.
Ponto Central de Repouso50%
Posição onde o slider inicia e descansa ao final de cada oscilação.
⏱️ Velocidade & Pausas Temporais
Duração do Movimento Ativo3.5s (3500ms)
Tempo que o divisor leva para ir do centro às pontas e voltar.
Pausa nas Extremidades (Dwell Time)0.50s (500ms)
Tempo que o slider fica parado estático em 80% e 20% para o cliente admirar o acabamento antes de inverter o sentido.
Tempo de Repouso no Centro1.5s (1500ms)
Pausa neutra em 50% aguardando o usuário interagir antes de rodar o próximo ciclo.
📐 Curva de Aceleração (Easing)
Modelo Matemático de Curva
Acentuação Senoidal (Shape)0.72
🚀 Acelerado no meio e muito lento nas pontas (Efeito Chicote Suave).