shadow |
box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); |
|
shadow-sm |
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); |
|
shadow-md |
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1); |
|
shadow-lg |
box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1); |
|
shadow-xl |
box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1); |
|
shadow-2xl |
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); |
|
shadow-inner |
box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.06); |
|
shadow-none |
box-shadow: none; |
|
shadow-[8px_8px_0_0] |
box-shadow: 8px 8px 0 0; |
|
shadow-[8px_8px_0_0_#f0f] |
box-shadow: 8px 8px 0 0 #f0f; |
|
shadow-red-500 |
box-shadow-color: #ef4444; |
|
shadow-[#00ff00] |
box-shadow-color: #00ff00; |
|
shadow-red-500/50 |
box-shadow-color: rgba(239, 68, 68, 0.5); |
|
drop-shadow-sm |
filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); |
|
drop-shadow |
filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1)); |
|
drop-shadow-md |
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)); |
|
drop-shadow-lg |
filter: drop-shadow(0 10px 8px rgba(0,0,0,0.04)); |
|
drop-shadow-xl |
filter: drop-shadow(0 20px 13px rgba(0,0,0,0.03)); |
|
drop-shadow-2xl |
filter: drop-shadow(0 25px 25px rgba(0,0,0,0.15)); |
|
drop-shadow-none |
filter: none; |
|
drop-shadow-sm |
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05)); |
|
drop-shadow |
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0,
0, 0.06)); |
|
drop-shadow-md |
filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0,
0, 0.06)); |
|
drop-shadow-lg |
filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0,
0, 0, 0.1)); |
|
drop-shadow-xl |
filter: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0,
0, 0, 0.08)); |
|
drop-shadow-2xl |
filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); |
|
drop-shadow-none |
filter: none; |
|