일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
29 | 30 |
Tags
- 퍼블리싱
- 일러스트 입체글자
- 20231221
- react
- css 속성
- 리액트
- FOR문
- 제이쿼리
- open api
- HTML
- 개발일지
- 바닐라자바스크립트
- Illustrator2022
- 자바스크립트
- useState
- JavaScript
- jQuery
- 공공데이터 활용
- css속성
- position
- module.css
- 공공데이터
- 미세먼지
- 자바스크립트 내장객체
- 미세먼지알림사이트만들기
- JS
- CSS
- 메뉴바만들기
- 아코디언카드만들기
- Js 내장객체
Archives
- Today
- Total
목록drop-shadow (1)
김코드의 웹디자인 세상

안녕하세요! css속성 중 그림자를 주는 속성에 대해서 가지고 왔습니다. css에서 그림자는 주는 속성은 text-shadow와 box-shadow와 drop-shadow가 있는데요 text-shadow는 글자에 그림자를 주는 속성이고 box-shadow와 drop-shadow는 오브젝트에 그림자를 주는 속성입니다. 오늘은 box-shadow와 drop-shadow에 대해서 알아보며, 둘 속성에 대한 차이점과 용도에 대해서 알아보도록 하겠습니다! 1. box-shadow 박스 쉐도우 먼저 첫 번째로 box-shadow입니다. 이 속성의 용도는 오브젝트에 그림자를 주어 입체감을 주는 속성입니다. 이 속성은 오브젝트를 하나의 박스로 보고 그 박스 영역에 그림자를 주는 속성입니다. box-shadow: 2px..
⊹ ⠀𝙲𝚂𝚂, 𝚂𝙲𝚂𝚂
2022. 12. 27. 13:52