반응형
box shadow 맨날 3px 4px 4px 이런 식으로 작성하기도 조금 귀찮기도 했고 ㅎ
예쁜 모양을 만들 줄 몰라 헤맸는데 여기 아주 간단하게 box shadow 코드 작성을 도와주는 사이트가 있다.
박스 사이즈 뿐만 아니라 Text shadow, flex box 등 다른 css 효과를 알아보는 기능도 있으니 유용하게 참고해보자
https://cssgenerator.pl/en/box-shadow-generator/
CSS Box shadow generator | CSSGENERATOR.PL
CSS BOX SHADOW GENERATOR | An easy to use tool that allows you to generate ready CSS rules. Adjust values and copy the finished code.
cssgenerator.pl
반응형
'HTML, CSS' 카테고리의 다른 글
| CSS 애니메이션 기초 정리 (0) | 2023.06.27 |
|---|---|
| css 반응형 PC, 태블릿, 모바일 사이즈 (0) | 2023.06.25 |
| [css] Scroll bar 꾸미기 (0) | 2023.05.26 |
| [CSS] after, not nth-child 같이 사용하기 (0) | 2023.05.26 |
| ::after ::before content에 공백 넣고 싶을 때 (0) | 2023.05.25 |