Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 내일배움캠프
- useState
- 리액트 훅
- 파이썬 replace
- 내배캠 프로젝트
- 파이썬 for in
- Next 팀 프로젝트
- 파이썬 반복문
- tanstack query
- 한글 공부 사이트
- 파이썬 enumerate
- 자바스크립트
- React Hooks
- 파이썬 for
- 내일배움캠프 최종 프로젝트
- REACT
- 프로그래머스
- 리액트 공식문서
- typeScript
- JavaScript
- 파이썬 딕셔너리
- 파이썬 slice
- 내일배움캠프 프로젝트
- 코딩테스트
- 타입스크립트 props
- useEffect
- 리액트
- 타입스크립트 리액트
- 리액트 프로젝트
- 타입스크립트
Archives
- Today
- Total
목록tailwind 폰트 그림자 (1)
sohyeon kim
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/c3mBNy/btsFZulRjys/Ls8CHz9vaQi04t6ePKywK1/img.png)
💡 tailwind 로 text-shadow 를 적용시켜보자. tailwind 에 텍스트 섀도우를 검색하면 drop-shadow 가 나온다. 이걸로 폰트도 적용하는건가? 하고 클래스에 넣어봤지만 적용 안된ㄷ.. 알아보니 tailwind 에서 text-shadow 는 공식적으로 지원을 안한다고 한다. 그래도 적용하는 법이 따로 있긴 했다! 원래는 이런식으로 class 명을 넣어주는데, text-shadow 는 방식이 조금 달랐다. _x_y_blur_color 순으로 보면 된다. tailwind.config 를 수정해서 text-shadow 옵션을 직접 등록하는 방법도 있었는데, (그럼 원래 class 명처럼 깔끔하게 쓸 수 있다.) 한 곳에서 한 컬러만 쓸거라 따로 등록하진 않았다. 🔗 https://ww..
CSS
2024. 3. 21. 15:56