Neste vídeo você aprenderá a:
- Implementar delay (tempo de atraso) em elementos no site do Vufanil.
- Ocultar um elemento por um período específico antes de ele aparecer.
- Técnica útil em vídeos de VSL para mostrar elementos somente após o vídeo atingir um ponto determinado.
- Passo a passo para inserir um código simples que configura o delay.
- Demonstração de como identificar o ID do elemento a ser ocultado e ajustar o tempo de exibição.
- Como ideintificar IDs do elementos de uma página ou site, permitindo aplicação do delay em diferentes partes da página.
Abaixo o código para implementar o delay:
<style>
#button-YHuk0lApUN {
opacity: 0;
transition: opacity 0.5s ease-in;
}
</style>
<script>
setTimeout(function() {
document.getElementById("ID DO ELEMENTO").style.opacity = "1";
}, 10000); // 10000 milissegundos = 10 segundos
</script>