"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > CSS 만 사용하여 텍스트 윤곽선을 만드는 방법은 무엇입니까?

CSS 만 사용하여 텍스트 윤곽선을 만드는 방법은 무엇입니까?

2025-03-23에 게시되었습니다
검색:194

How Can I Create Text Outlines Using Only CSS?

CSS3의 실험적 텍스트 스트로크 속성은 여전히 ​​어려운 상태로 유지되지만 해결 방법은 지원되는 텍스트 쉐이드 속성을 사용하여 존재합니다. 전략적으로 위치 된 4 개의 그림자를 사용하면 텍스트 주위의 뇌졸중 효과를 시뮬레이션 할 수 있습니다.

다음 코드 샘플을 고려하십시오 :

. Strokeme {. 색상 : 흰색; 배경색 : 흰색; Text -Shadow : -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

이 클래스를 텍스트 요소에 적용함으로써 원하는 설명 효과를 달성합니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3