메모)text-shadow로 text-border처럼 보이게 하는 코드

Blackeichi·2022년 12월 19일
0
post-custom-banner
#CSS 

h1 {
  -webkit-text-stroke: 1px white;
}

h2 {
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

h1에 사용된 방법은 글자 크기가 작으면 테두리가 글자를 잡아먹어 버린다.

그러므로 글자가 작을 경우엔 h2에 적용된 방법으로 css 사용.

profile
프론트엔드 주니어 개발자 한정우입니다. 😁

0개의 댓글