f_
frhyme.code
•web•⏱ 약 1분 소요

Css property - text shadow

  • css를 사용해서 text의 그림자를 생성할 수 있습니다.
p {
    /*
    - x: shadow가 x선 상에서 얼마나 벗어나는가
    - y: shadow가 y선 상에서 얼마나 벗어나는가
    - radius: 값이 클 수록 그림자가 넓고 
    - color; 색깔
    */
   text-shadow: x y radius color;
}
  • 다음처럼 작성해서 사용합니다.
p {
    /*
    - 다음 처럼 2개 이상의 text shadow를 넣을 수도 있습니다.
    */
    text-shadow: 10px 10px 2px red, 1px 5px 2px green, -1px -1px 3px blue;
}
GitHub에서 이 글의 마크다운 원본 보기 & 수정 제안src/content/posts/2021-01-30-css00_text_shadow

💡RELATED ARTICLES · 함께 읽으면 좋은 연관 포스트

글 주소가 클립보드에 복사되었습니다.