Curso gratuito de CSS3 | Animación, Transformaciones y Transiciones.

Curso gratuito de CSS3 Animación, Transformaciones y Transiciones.

Mientras que HTML nos permite definir la estructura una página web, las hojas de estilo en cascada (Cascading Style Sheets o CSS) son las que nos ofrecen la posibilidad de definir las reglas y estilos de representación en diferentes dispositivos, ya sean pantallas de equipos de escritorio, portátiles, móviles, impresoras u otros dispositivos capaces de mostrar contenidos web. Más información sobre CSS.

Contenido del curso.

1.- Transformaciones CSS.
     1.1.- Estado actual de los módulos CSS para animación.
     1.2.- ¿Por qué animar con CSS?
     1.3.- Transformaciones CSS.
     1.4.- Transformación rotate()
     1.5.- Transformación translate()
     1.6.- Transformación scale()
     1.7.- Transformación skew()
     1.8.- Modificar el punto de transformación.
     1.9.- Múltiples transformaciones.
     1.10.- Transformaciones interactivas.

2.- Transiciones CSS.
      2.1.- Creación de transiciones CSS.
      2.2.- Configuración de transición del rollout.
      2.3.- Efectos de easing.
      2.4.- Uso de curvas cubic-bezier.
      2.5.- Uso de transitions-delay.
      2.6.- Uso de los prefijos propietarios.
      2.7.- Notación acortada.
     2.8.- Transiciones en etapas.

3.- Ejemplos prácticos de Transformaciones y Transiciones.
     3.1.- Color y escala.
     3.2.- Opacidad, escala, z-index y box-shadow.
     3.3.- Posición.

4.- Animaciones CSS.
     4.1.- Animaciones CSS.
     4.2.- Efectos de easing.
     4.3.- Uso de animation-delay.
     4.4.- Uso de animation-interation-count y animation-direction.
     4.5.- Notación acortada.
     4.6.- Aplicar múltiples animaciones.
     4.7.- Animaciones por porcentajes.
     4.8.- Uso de animation-play-state.

Link para descargar: Curso gratuito de CSS3 | Animación, Transformaciones y Transiciones.  Contraseña “AzulWeb”

Descargar este artículo en PDF

Lo sentimos, esta opción solo está disponible para los socios. Más información de nuestro grupo de socios.


Angel Sanchez on FacebookAngel Sanchez on GithubAngel Sanchez on GoogleAngel Sanchez on InstagramAngel Sanchez on LinkedinAngel Sanchez on Twitter
Angel Sanchez
CEO en Azul Web
Fundador de Azul Web amante de la tecnología, me gusta compartir mis conocimientos y apoyar a las demás personas que desean tener un mejor desarrollo profesional. Toda persona que tenga un sueño y este luchando por él tiene mi respeto y mi apoyo.

Déjanos un comentario: