연습장
포토샵 drop-shadow 를 css로 그대로 표현하기 본문
http://psd-to-css-shadows.com/
Convert Photoshop Drop Shadows to CSS3 Box and Text Shadows
CSS3 Code box-shadow: offset-x offset-y blur-radius spread-radius rgba(0, 0, 0, opacity) inset; text-shadow: offset-x offset-y blur-radius rgba(0,0,0 opacity); box-shadow: offset-xpx offset-ypx blur-radiuspx spread-radiuspx rgba(0, 0, 0, opacity) inset; te
psd-to-css-shadows.com
psd내 설정값들을 입력한 후 convert to CSS3 버튼을 누르면 하단에 코드가 나온다
Photoshop Drop Shadow Structure
drop-shadow box-shadow css photoshop
'css' 카테고리의 다른 글
| 그라디언트 보더 사용하기 (0) | 2022.02.10 |
|---|---|
| 핀터레스트 스타일 레이아웃 (벽돌 레이아웃, masonry) (0) | 2021.11.25 |
| reset css (0) | 2021.11.10 |
| 컨텐츠 뒤에서 옆으로 지나가는 텍스트 애니메이션 (0) | 2021.11.09 |
'css' Related Articles
more
