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