Create edges with degraded in Quickly

The edge generator with degraded Quickly It is an intuitive tool that allows you to customize edges with degraded effects, adding an attractive visual touch to your web projects. Easily adjust the colors, directions and styles to achieve the finish that best suits your design.

Edges

Create edges with degraded effect in a simple way, adjusting the thickness, angle, radio and edge type.In addition, you can choose multiple colors to customize it to your liking.We provide you with the CSS code ready to use in your project.

Controls

Border thickness: 10px

Degraded angle: 190°

radio

Type

Colors

Color 1:

Color 2:

Previous view:

Example button

CSS Code:

HTML Example button

   

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

Create edges with degraded in Quickly

The edge generator with degraded Quickly It is an intuitive tool that allows you to customize edges with degraded effects, adding an attractive visual touch to your web projects. Easily adjust the colors, directions and styles to achieve the finish that best suits your design.

Edges

Controls

Colors

Copied 😉