Category "linear-gradients"

Button with transparent background and rotating gradient border

What I'm trying to achieve is a button like Once it's done I need to animate on hover. The closest example I could find is this codepen https://codepen.io/Ches

How to create a zig zag pattern using CSS

On a repeated background, the edges of the repeated tiles don't align exactly on certain zoom levels. This leads to unwanted edges as the color of the backgroun

How to add custom drop-shadow with linear-gradient in tailwind css?

I am finding a way to add custom drop-shadow with linear-gradient in tailwind CSS. On looking the docs I found this <div class="drop-shadow-[0_35px_35px_rgba

Hexagonal CSS background

This is not a question about how to make an individual elements hexagon shaped. There are a lot of those. This is a question to see if there's a way to create

Gradient text color

Is there a generator , or an easy way to generate text like this but without having to define every letter So something like this: .rainbow { backgroun

Generate solid colors using CSS linear-gradient (not smooth colors)

Assuming my linear CSS gradient looks like this: background: linear-gradient(to right, red 0%, green 20%, blue 40%, purple 60%, yellow 80%, black 100%) It wil

Generate solid colors using CSS linear-gradient (not smooth colors)

Assuming my linear CSS gradient looks like this: background: linear-gradient(to right, red 0%, green 20%, blue 40%, purple 60%, yellow 80%, black 100%) It wil