Curso de CSS: Degradados – 2015

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.

Contenido:

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

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
  • Explorando la compatibilidad en navegadores

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
  • Creación de un degradado horizontal
  • Creación de un degradado vertical
  • Varios colores en nuestro degradado
  • Ejemplo creativo con los degradados

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
  • Creación de un degradado radial básico
  • Añadiendo colores a nuestro degradado
  • Creación de degradados radiales complejos

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
  • Creación de texturas metálicas

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.

  • Degradados y transparencias
  • Creación de degradados en diagonal
  • Aplicación de degradados a textos
  • Uso de degradados para crear patrones
  • Un extra de compatibilidad: fallback
  • Utilidades para generar degradados
  • Despedida del curso Especial CSS: Degradados
Formato:  mp4 Comprimido:  rar5 Peso:  207.40 MB Lenguaje:  Español

Sin comentarios.

Deja tu Comentario