뚜벅이 한걸음

css 시각적 효과 주기 본문

CSS

css 시각적 효과 주기

뚜벅뚜벅뚜벅이 2022. 7. 9. 19:58
반응형

1. 텍스트 그림자

test-shadow :h-shadow v-shadow blur-radius color | none

처음 두개의 프로퍼티는 원본 텍스트와 그림자 텍스트 사이의 수직 수평 거리를 설정하는 프로퍼티로 필수요소이다.

2.박스 그림자

box-shadow

box-shadow :h-shadow v-shadow blur-radius spread-radius color | none | inset

spread-radius 는 그림자의 크기를 말한다.

inset은 음각박스로 보이게끔 박스 상단의 안쪽에 그림자를 형성하는 것이다.

반응형

'CSS' 카테고리의 다른 글

textarea 크기 고정  (0) 2022.07.12
span width 설정  (0) 2022.07.12
CSS 박스 모델  (0) 2022.07.09
CSS3 색과 텍스트 꾸미기  (0) 2022.07.09
css 스타일 시트  (0) 2022.07.09