Linear Gradient in Tailwind CSS

Question

I have this css background: linear-gradient(159deg, #3CC 0%, #00AFCB 100%);

how to convert it accordingly tailwind css ? I have done this -

<button class="py-2 px-6 bg-[linear_gradient(159deg, #3CC 0%, #00AFCB 100%)]">
        Download Now
</button>

But its not working.

Does this answer your question? [How to apply background image with linear gradient in Tailwind CSS?](https://stackoverflow.com/questions/67344478/how-to-apply-background-image-with-linear-gradient-in-tailwind-css) — Danila, Jun 28 '23 at 09:55

score 0 · Answer 1 · answered Jun 28 '23 at 09:56

0

for background gradient check this out in tailwind docks: gradient color stops

answered Jun 28 '23 at 09:56

Samyar

score 0 · Answer 2 · answered Jun 30 '23 at 18:40

0

You can use this : class="bg-gradient-to-r from-[#159DE0] via-[#33CCCC] via-0% to-[#00afcb] to-100% w-full"

answered Jun 30 '23 at 18:40

Format your answer, use a code fence. You could also add a concise explanation why your code solves the problem. – sanitizedUser Jul 06 '23 at 11:47

2 Answers2