AOS animacion y Keyframes

Hola chicos!


Este curso de página web de fotografia está dividido en 7 secciones. Los detalles de cada sección estan a continuacion:


Primera Sección:  Introducción

Video donde explico todas las partes de la página de inicio y de galeria que estaremos aprendiendo en el transcurso del curso.


Segunda Sección: Menú

Video donde explico como realizar un menu interactivo con 4 links y con un icono de menu el cual tendra una transicion al dar click.

Los links estarán relacionados a las distintas secciones de la pagina de inicio y tendran una transición de cambio de fuente cuando ponemos el cursor uno.


Tercera Sección: Animación contador

Video donde explico como añadir la animación «cargando» de 0 a 100% con cloudfare/ jquery scripts.


Cuarta Sección: Animación de fotos

Video donde explico como añadir una animación de tres fotos utilizando la propiedad «transform:rotate3d» para generar una secuencia que se muestra y luego desvanece gradualmente.


Quinta Sección: Animación de Titulo, subtitulo e imagen de fondo.

En este video explico como añadir la animación anterior a titulos.

Tambien como realizar una transición para desplegar fondo de pantalla con keyframes.


Sexta Sección: Acerca de, Viajes y Contacto

En este video explico como añadir AOS animación ( desencadenar animación cuando deslizamos hacia abajo con el mouse )

vamos a aplicar varios tipos de animación a diferentes secciones. Tambien explico como realizar un Grid o parilla de imagenes.


Séptima Sección: Galería

En este video explico como añadir una transicion para desplegar una segunda pagina de izquierda a derecha lentamente.

Tambien como hacer un Slideshow de imagenes que se muestran en manera de transicion una despues de la otra.






Pagina web de fotografia con animaciones

AOS animacion y Keyframes»

Este curso es GRATIS

¿Quieres más cursos gratis?

Únete a nuestro canal en Telegram con cientos de cursos gratis publicados diariamente

Curso gratis en Udemy

Con los cursos gratis de Udemy puedes aprender muchas cosas sin tener que gastar en ello. Pero primero debes tener en cuenta varias cosas:

Contenido Gratuito

Los cursos gratis de Udemy te permiten aprender nuevas cosas sin tener que pagar. Aprovecha la oportunidad.

Aprendizaje

Pon en práctica todos tus conocimientos aprendidos. Realiza increíbles proyectos basados en el mundo real.

Limites

Debes tener en cuenta que todos los cursos gratuitos de Udemy son de máximo 2 horas y no incluyen un certificado.

Este curso se encuentra disponible de manera gratuita sin necesidad de ningún cupón, a través de la opción “GRATIS”.

Te recomendamos primero leer las diferencias entre un curso gratis y uno de pago para evitar malentendidos:

Cursos gratuitos
  • Contenido de vídeo en línea
Cursos de pago
  • Contenido de vídeo en línea
  • Certificado de finalización
  • Preguntas y respuestas de los instructores
  • Mensaje directo para el instructor

Aunque los cursos son colocados de manera gratuita, es posible que el autor del curso pueda cambiarlos a modalidad de pago, por lo cual te recomendamos revisar muy bien las características del curso.

Para obtener el curso de manera gratuita usa el siguiente botón:


Deja tus comentarios y sugerencias


Sobre Facialix

Facialix es un sitio web que tiene como objetivo apoyar en el aprendizaje y educación de jóvenes y grandes. Buscando y categorizando recursos educativos gratuitos de internet, de esta manera Facialix ayuda en el constante aprendizaje de todos.


Deja una respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.