text-shadow 적용하기

html의 텍스트를 강조하기 위한 스타일로 text-shadow를 사용할 수 있다.

text-shadow : none | <가로> <세로> <번짐> <색상>

text-shadow : <가로> <세로>

text-shadow : <색상> <가로> <세로>

<p class="hi">hi</p>

// css
.hi {
  text-shadow: 1px 1px 5px red;
}

 

위의 CSS가 적용된 텍스트

 

참고 자료 : 

https://developer.mozilla.org/ko/docs/Web/CSS/text-shadow

 

text-shadow - CSS: Cascading Style Sheets | MDN

text-shadow CSS 속성은 텍스트에 그림자(shadow)를 추가합니다. 텍스트와 그 장식에 적용 할 쉼표로 구분 된 그림자 목록을 허용합니다. 각 그림자는 요소, 흐림 반경 및 색상의 X 및 Y 오프셋 조합으로

developer.mozilla.org

 

'JavaScript' 카테고리의 다른 글

ky와 got으로 API 호출하기  (0) 2022.11.15
상태관리 라이브러리 Redux  (0) 2022.11.12
간단한 calc() 사용하는 법  (0) 2022.11.01
forEach와 async await (for of 사용하기)  (0) 2022.10.29
FormData 객체, Blob 객체  (0) 2022.10.26