Crea Bordes con Degradado

El Generador de Bordes con Degradado de Quickly es una herramienta intuitiva que te permite personalizar bordes con efectos de degradado, agregando un toque visual atractivo a tus proyectos web. Ajusta fácilmente los colores, direcciones y estilos para lograr el acabado que mejor se adapte a tu diseño.

Bordes

Crea bordes con efecto degradado de manera sencilla, ajustando el grosor, ángulo, radio y tipo de borde. Además, puedes elegir múltiples colores para personalizarlo a tu gusto. Te proporcionamos el código CSS listo para usar en tu proyecto.

Controles

Grosor borde: 10px

Ángulo degradado: 190°

Radio

Tipo

Colores

Color 1:

Color 2:

Vista Previa:

Ejemplo Botón

Código CSS:

HTML Ejemplo Botón

   

    <a href="#" class="bg-gradient-linear w-150 h-40 grid align-cc m-2 text-decoration-none">
        <span class="font-l">Ejemplo Botón</span>
    </a>

Crea Bordes con Degradado

Bordes

Controles

Colores

Copiado 😉