Animación, transformaciones y transiciones en CSS3

Agrega dinamismo e interactividad a tus sitios bajo estándares web

¿Ya usas CSS para darle la presentación a tus sitios web? Ahora aprende con este curso video2brain a transformar elementos y realizar transiciones y animaciones que se ejecutarán de forma fluida y que serán compatibles con la gran mayoría de navegadores de computadores de escritorio y de dispositivos móviles.

Formadores: Marlon Ceballos

Fecha de publicación: 3/10/2013

Duración: 2:00 horas

LINK DE DESCARGA DESPUES DEL CONTENIDO

• Transformaciones CSS
  • Estado actual de los módulos CSS para animación
     05:12
  • ¿Por qué animar con CSS?
     01:22
  • Transformaciones CSS
     01:49
  • Transformación rotate()
     05:47
  • Transformación translate()
     05:13
  • Transformación scale()
     03:16
  • Transformación skew()
     03:09
  • Modificar el punto de transformación
     03:43
  • Múltiples transformaciones
     03:47
  • Transformaciones interactivas
     02:51
• Transiciones CSS
  • Creación de transiciones CSS
     05:30
  • Configuración de la transición del rollout
     02:51
  • Efectos de easing
     05:30
  • Uso de curvas cubic-bezier
     02:51
  • Uso de transition-delay
     02:12
  • Uso de los prefijos propietarios
     03:37
  • Notación acortada
     05:33
  • Transiciones en etapas
     01:41
• Ejemplos prácticos de Tranformaciones y Transiciones
  • Color y escala
     06:22
  • Opacidad, escala, z-index y box-shadow
     08:43
  • Posición
     06:16
• Animaciones CSS
  • Animaciones CSS
     05:46
  • Efectos de easing
     01:47
  • Uso de animation-delay
     01:19
  • Uso de animation-iteration-count y animation-direction
     05:19
  • Notación acortada
     03:53
  • Aplicar múltiples animaciones
     04:33
  • Animación por porcentajes
     04:32
  • Uso de animation-play-state
     04:45
• Despedida del curso
• Despedida del curso Animación, transformaciones y transiciones en CSS3
•            

LINK DE DESCARGA:
CONTRASEÑA: zoneandroidapk

PARTE 1: http://mega.co.nz/AnimaciónCSS3.Part1

PARTE 2: http://mega.co.nz/AnimaciónCSS3.Part2

PARTE 3: http://mega.co.nz/AnimaciónCSS3.Part3