1. – Introducción a CSS3

 

¿Qué es CSS3?

Selectores CSS3

Selectores relacionales

Selectores de atributo

Pseudo-clases

Pseudo-clases estructurales

Pseudo-elementos y contenido generado

Contenido generado

Video ejercicio – Introducción a CSS3

Autopráctica – Selectores

Autopráctica – Pseudo-elementos

Test – Introducción a CSS3

 

2. – Colores y texto en CSS3

 

Colores HSL

Colores HSLA

Colores RGBA

Opacidad

Text-shadow

Text-overflow

Rotura de palabras largas

Web Fonts

Border-Radius

Sombras

Video ejercicio – Colores y texto en CSS3

Autopráctica – Página web formulario

Autopráctica – Border-Radius y sombras

Test – Colores y texto en CSS3

 

3. – Degradados en CSS3

 

Degradados lineales

Degradados radiales

Degradados lineales de repetición

Degradados radiales de repetición

Múltiples imágenes de fondo

Tamaño de fondo

Video ejercicio – Degradados en CSS3

Autopráctica – Creando degradados I

Autopráctica – Creando degradados II

Test – Degradados en CSS3

 

4. – Transformaciones y Transiciones

 

Transiciones

Transition-property

Transition-duration

Transition-timing-function

Transition-delay

La propiedad abreviada transition

Múltiples transiciones

Transformaciones

Traslación

Escalar

Rotación

Inclinación

Cambiar el origen de la transformación

Video ejercicio – Transformaciones y Transiciones

Autopráctica – Estilos de transición

Autopráctica – Estilo de transformación

Test – Transformaciones y transiciones

 

5. – Animaciones en CSS3

 

Animaciones

Fotogramas clave

Propiedad animation-name

Propiedad animation-duration

Propiedad animation-timing-function

Propiedad animation-iteration-count

Propiedad animation-direction

Propiedad animation-delay

Propiedad animation-fill-mode

Propiedad animation-play-state

Propiedad abreviada animation

Video ejercicio – Animaciones en CSS3

Autopráctica – Crear una animación I

Autopráctica – Crear una animación II

Test – Animaciones en CSS3

 

6. – Fuentes y Diseño multicolumna en CSS3

 

Importar fuentes tipográficas mediante Font-face

Aplicar la fuente

Tipos de fuentes y navegadores

La propiedad column-count

La propiedad column-gap

La propiedad column-width

La propiedad abreviada columns

Columnas y la propiedad height

Propiedad column-rule

Salto de columna

Inserción de imágenes

Textos multicolumna

Video ejercicio – Fuentes y Diseño multicolumna en CSS3

Autopráctica – Texto multicolumnas

Autopráctica – Mofidicar un texto multicolumnas

Test – Fuentes y Diseño multicolumna en CSS3