xxxxxxxxxx
// 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>
xxxxxxxxxx
<div class="shadow-[0_35px_60px_-15px_rgba(0,0,0,0.3)]">
<!-- ... -->
</div>
xxxxxxxxxx
<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>