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

tailwind box shadow

Add Answer

Beautiful Bear answered on December 17, 2020 Popularity 10/10 Helpfulness 4/10

answer tailwind box shadow

related tailwind CSS custom box-shadow

related shadow tailwind css

related drop shadow tailwind

related tailwind boxshadow around box

related shadow tailwind css

tailwind box shadow

Comment

<div class="shadow-sm ..."></div>
<div class="shadow ..."></div>
<div class="shadow-md ..."></div>
<div class="shadow-lg ..."></div>
<div class="shadow-xl ..."></div>
<div class="shadow-2xl ..."></div>

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: tailwindcss.com

Tags: box-shadow whatever

Link to this answer
Share Copy Link

Contributed on Dec 17 2020

Beautiful Bear

0 Answers Avg Quality 2/10

Closely Related Answers

tailwind CSS custom box-shadow

Comment

// tailwind.consfig

module.exports = {
  theme: {
    extend: {
      boxShadow: {
        'custom': '0 0 10px 1px rgba(0, 0, 0, 0.1)',
      }
    }
  },

}


// in the jsx/html file 

<div className="shadow-custom">
</div>

Popularity 7/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: box-shadow tailwind-css t

Link to this answer
Share Copy Link

Contributed on Feb 19 2024

Readul Ahmed

0 Answers Avg Quality 2/10

shadow tailwind css

Comment

shaow-md
shadow-lg
shadow-xl
shadow-2xl
shadow-3xl

Popularity 10/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on May 03 2023

Fine Flatworm

0 Answers Avg Quality 2/10

drop shadow tailwind

Comment

Tailwind shadow class 07/23
drop-shadow-[0_10px_30px_rgba(255,94,0,0.25)]
if you want it with hover just add hover:
hover:drop-shadow-[0_10px_30px_rgba(255,94,0,0.25)]

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: drop-shadow drop

Link to this answer
Share Copy Link

Contributed on Jul 15 2023

Islam

0 Answers Avg Quality 2/10

tailwind boxshadow around box

Comment

<div class="ring-2 ring-offset-2 ring-gray-400 p-4">
  <!-- Your content here -->
</div>

Popularity 8/10 Helpfulness 2/10 Language html

Source: chat.openai.com

Tags: box box-shadow

Link to this answer
Share Copy Link

Contributed on Aug 08 2023

Lucky Llama

0 Answers Avg Quality 2/10

shadow tailwind css

Comment

-2

border radius tailwind css

rounded
rounded-md
rounded-lg
rounded-xl
ronded-2xl
rounded-3xl
rounded-4xl
rounded-none

Popularity 10/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on May 03 2023

Fine Flatworm

0 Answers Avg Quality 2/10

tailwind box shadow

Contents

More Related Answers

tailwind box shadow

Closely Related Answers

tailwind CSS custom box-shadow

shadow tailwind css

drop shadow tailwind

tailwind boxshadow around box

shadow tailwind css

Grepper

Documentation

Social

Legal

Contact

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