jueves, febrero 13, 2025
spot_img
InicioCursosCurso gratuito de CSS3 | Animación, Transformaciones y Transiciones.

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»



Angel Sanchez
Angel Sanchezhttps://www.azulweb.net
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.
RELATED ARTICLES

6 COMENTARIOS

Los comentarios están cerrados.

Most Popular

Recent Comments

×