Anuncio

Escribir gradientes CSS basados ​​en código puede ser tedioso y lento. Pero los gradientes CSS son bastante útiles y potentes. CSS3 Gradient Generator le facilita la generación de gradientes CSS3 WebKit.

Este sitio le permite crear códigos de gradiente CSS en una interfaz gráfica de usuario. Le proporciona muestras de color para diseñar el degradado y un control deslizante para cada uno para determinar la posición del color en el degradado.

gradiente css3 webkit

Una vez que se selecciona una muestra de color, puede usar el selector de color disponible a la derecha para ajustar el color de la muestra. Los gradientes CSS generan un resultado de imagen que se puede usar en cualquier lugar, como un borde, una imagen de fondo o una viñeta de elemento de lista según la necesidad. Puede controlar la dirección del gradiente utilizando las opciones (izquierda, derecha, inferior, superior) proporcionadas o utilizando ubicaciones de puntos personalizados.

gradiente css3 webkit

Los cambios que realice en los controles en el generador de gradiente actualizarán inmediatamente la muestra de gradiente y la salida del código CSS.

instagram viewer

Nota: asegúrese de estar utilizando un navegador webkit como Safari, Chrome o Firefox 3.6 beta.

caracteristicas:

  • Cree gradientes CSS3 en una interfaz visual con facilidad.
  • Obtenga una vista previa inmediata de los cambios que realice en el degradado.
  • Utilice la imagen de degradado generada como borde, imagen de fondo o viñeta de elemento de lista según la necesidad.
  • Controle la dirección del degradado utilizando las opciones (izquierda, derecha, abajo, arriba) o mediante ubicaciones de puntos personalizados.
  • De uso gratuito, no es necesario registrarse.

Echa un vistazo a CSS3 Gradient Generator @ [Ya no está disponible]

Srikanth es un blogger profesional y diseñador web.