Curso CSS Degradados [MEGA]

Información de: CSS: Degradados

Crear degradados empleando únicamente CSS te permite añadir características extras visuales a tus diseños sin necesidad de crear imágenes adicionales. Aprende a crear degradados lineales y radiales, añadir colores extra y cómo poder aplicarlos como fondos en tus proyectos. Aprende además la sintaxis necesaria para asegurarte el máximo de compatibilidad en los diferentes ejemplos creativos y conoce algunas utilidades que podrán ayudarte en la tarea de creación de tus degradados. Crear y componer degradados visualmente atractivos ha dejado de ser una tarea que dependa exclusivamente de un profesional y su programa de diseño favorito. Ahora con CSS también es posible.

Presentación de Especial CSS: Degradados

En este capítulo presentaremos el curso, lo que aprenderemos en él, y veremos cómo trabajar con los archivos base que lo acompañan.

Archivos base del curso Especial CSS: Degradados 00:54

Dando los primeros pasos en degradados con CSS

En este capítulo tendremos un breve acercamiento al uso de los degradados CSS en la actualidad, viendo ejemplos diferentes y descubriendo algún recurso útil.

Ejemplos de degradados CSS en webs reales 04:24
Explorando la compatibilidad en navegadores 02:22

Creando degradados lineales en CSS

Empezaremos conociendo la sintaxis básica para empezar a trabajar con degradados lineales, y realizaremos diferentes ejercicios para dominar su uso.

Explorando la sintaxis de los degradados CSS 04:52
Creación de un degradado horizontal 04:18
Creación de un degradado vertical 03:14
Varios colores en nuestro degradado 04:10
Ejemplo creativo con los degradados 06:15

Creación de degradados radiales

Tras trabajar con degradados lineales, nos pondremos manos a la obra dando un paso más y creando degradados de tipo radial.

Explorando la sintaxis 06:17
Creación de un degradado radial básico 03:16
Añadiendo colores a nuestro degradado 03:30
Creación de degradados radiales complejos 07:36

Ejemplos adicionales de degradados con CSS

Este capítulo lo dedicaremos a realizar un par de ejercicios avanzados para descubrir también algunas propiedades adicionales con las que trabajar los degradados CSS.

Creación de un fondo con degradados 05:29
Creación de texturas metálicas 09:52

Técnicas avanzadas con degradados en CSS

En este capítulo veremos algunas opciones adicionales con las que podemos aumentar la complejidad de nuestros degradados usando exclusivamente código CSS.