목록tailwind drop shadow (1)

sohyeon kim

[CSS/Next] tailwind drop-shadow 태그에 그림자 넣기

💡 tailwind 로 그림자 효과를 넣어보자! github 링크에 호버하면 그림자를 주고싶었다! 🎀 디자인을 바꾸고 싶다면 tailwind.config.ts 에서 설정할 수 있다. theme: { extend: { dropShadow: { DEFAULT: '2px 2px 0 #890105', }, }, }, DEFAULT 말고도 md, 3xl 등 사이즈 별로 추가할 수 있다! 🔗 https://tailwindcss.com/docs/drop-shadow Drop Shadow - Tailwind CSS Utilities for applying drop-shadow filters to an element. tailwindcss.com
CSS 2024. 3. 21. 19:22
이전 Prev 1 Next 다음