Cómo hacer una página con un frame animado ajustable

ultracobra · 5 Jun 2023

Quisiera una explicación de cómo hacer una página como esta, tecnologías usadas, se ve increíble en cada tamaño de pantalla.

El frame animado está muy bien ajustado y en cada caso se muestra en la parte visible, dejando a voluntad del usuario cuando hacer scroll down para ver el resto de la página:

Open AI inicio animado!!!

ultracobra · 20 Oct 2023

He hecho ese tipo de páginas web con videointro, lo que no expliqué bien es que necesitaba diferente del ejemplo. La animación se despliega en un tipo 'loading' mientras renderiza el 'hito' o video, clip o lo que sea y entonces luego descarga la página...

Puko · 20 Oct 2023

ultracobra dijo:
He hecho ese tipo de páginas web con videointro, lo que no expliqué bien es que necesitaba diferente del ejemplo. La animación se despliega en un tipo 'loading' mientras renderiza el 'hito' o video, clip o lo que sea y entonces luego descarga la página...

1. creas un div que sera tu "loanding"
este tendra ahora el video y la palabra "cargando"

<div>
<div>
<video></video>
<p>Cargando...</p>
</div>
</div>

2. la pagina la pones dentro de un div para que la "oculte"
o solo le agregas el id a tu pagina

<div>
<p>Pagina</p>
</div>

3. Ocuparias un video que no pese mucho o mucha velocidad o ponerle mas tiempo antes que "desaparesca"

*Darle click en Rerun para que recargue

Cómo hacer una página con un frame animado ajustable

ultracobra

ultracobra

Puko

Temas similares