Breaking News: Grepper is joining You.com. Read the official announcement!

linear gradient tailwind css

Add Answer

Brainless answered on May 29, 2022 Popularity 10/10 Helpfulness 3/10

answer linear gradient tailwind css

related linear-gradient tailwind

related text background linear gradient in tailwindcss

related linear-gradient tailwind

related Gradient bg - Tailwind

linear gradient tailwind css

Comment

//it combind pink-500 and orange-500 color
<span class='bg-gradient-to-r from-orange-500 to-pink-500'>Premium</span>
//you can also use 3 color like css
<span class='bg-gradient-to-r via-purple-500 from-orange-500 to-pink-500'>Premium</span>

Popularity 10/10 Helpfulness 3/10 Language css

Source: tailwindcss.com

Tags: background background-color css gradient tailwind-css

Link to this answer
Share Copy Link

Contributed on Sep 11 2022

Brainless

0 Answers Avg Quality 2/10

Closely Related Answers

linear-gradient tailwind

Comment

<div class="bg-gradient-to-r from-cyan-500 to-blue-500 ..."></div>

Popularity 10/10 Helpfulness 5/10 Language css

Source: tailwindcss.com

Tags: css

Link to this answer
Share Copy Link

Contributed on May 29 2022

Horrible Hedgehog

0 Answers Avg Quality 2/10

text background linear gradient in tailwindcss

Comment

 <p
          style={{
            backgroundImage: 'linear-gradient(180deg, #FFFFFF 0%, rgba(254, 254, 254, 0.33) 100%)',
          }}
          className=" bg-clip-text text-[96px] font-[500] leading-[96px] text-transparent"
        >
          Leyna
        </p>

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: background b

Link to this answer
Share Copy Link

Contributed on Feb 22 2024

Shirshak Kandel

0 Answers Avg Quality 2/10

linear-gradient tailwind

Comment

<div class="bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 ..."></div>

Popularity 10/10 Helpfulness 3/10 Language css

Source: tailwindcss.com

Tags: css

Link to this answer
Share Copy Link

Contributed on May 29 2022

Horrible Hedgehog

0 Answers Avg Quality 2/10

Gradient bg - Tailwind

Comment

// bg-gradient-to-r from-yourcolor-300 to-yourothercolor-100

Ex:
bg-gradient-to-r from-indigo-600 to-purple-700

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: gradient gradien

Link to this answer
Share Copy Link

Contributed on Aug 08 2023

Rasetz

0 Answers Avg Quality 2/10

linear gradient tailwind css

Contents

More Related Answers

linear gradient tailwind css

Closely Related Answers

linear-gradient tailwind

text background linear gradient in tailwindcss

linear-gradient tailwind

Gradient bg - Tailwind

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.