box-shadow
![[HTML5&CSS3] 그림자 효과](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FwTSlm%2FbtqzBU0gisO%2FAAAAAAAAAAAAAAAAAAAAAG4yjSfBezDURDH3ttK9rj0T8-D_A23X_DnPYSHLyEtJ%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3DhUyu3emIaNRD1tvjhcjeB0oKL2w%253D)
[HTML5&CSS3] 그림자 효과
1. text-shadow 글자에 그림자 효과를 부여합니다. 속성의 값을 부여하는 순서는 '오른쪽 부분, 아랫부분, 그림자 진한 정도, 색'이며 그림자를 여러 개 부여하고 싶다면 해당 순서에 맞춰 표현하고자 하는 그림자 개수만큼 속성을 부여합니다. 2. box-shadow 박스에 그림자 효과를 부여합니다. 속성에 값을 부여하는 순서는 text-shadow와 동일합니다.
1. text-shadow 글자에 그림자 효과를 부여합니다. 속성의 값을 부여하는 순서는 '오른쪽 부분, 아랫부분, 그림자 진한 정도, 색'이며 그림자를 여러 개 부여하고 싶다면 해당 순서에 맞춰 표현하고자 하는 그림자 개수만큼 속성을 부여합니다. 2. box-shadow 박스에 그림자 효과를 부여합니다. 속성에 값을 부여하는 순서는 text-shadow와 동일합니다.