Generador de gradientes CSS

cambiar colores

Opacidad

Posición

Borrar punto seleccionado

Color

Posición

Borrar punto seleccionado

Matiz (hue)

Saturación

Luminosidad (Lightness)

Reiniciar

orientación horizontal orientación vertical orientación diagonal orientación diagonal orientación radial

CSS SASS

punto

Copy text

Formato del color

Comentarios

knob

Soportar IE9

knob

Soportar gradientes con múltiples cambios en IE9 (usando SVG).

Añade una clase "gradient" a todos tus elementos a los que les quieras aplicar un gradiente
y añade estas líneas a tu HTML completar el soporte IE9:


                                <!--[if gte IE 9]

                                <style type="text/css">

                                  .gradient {

                                     filter: none;

                                  }

                                </style>

                                <![endif]-->

IMPORTAR DE CSS

Introduzca un gradiente CSS a importar.
Use la sintaxis de Mozilla, Webkit, Opera, W3C o IE.

ACEPTAR CANCELAR

CSSmatic es un proyecto libre, hecho por y para desarrolladores

¿Eres un desarrollador web? ¿Te gustaría colaborar con CSSMatic?

Contáctanos

Editor Gradientes