CSS 텍스트 섀도우

CSS3을 사용하면 텍스트 섀도우(텍스트에 섀도우 추가)와 상자 섀도우(다른 요소에 섀도우 추가) 두 가지 유형의 섀도우를 만들 수 있습니다.
이 절에서 텍스트 그림자를 만드는 방법을 검사할 것입니다.

CSS3 텍스트 섀도우


텍스트 섀도우 CSS 속성은 텍스트에 섀도우를 추가합니다.그것은 텍스트와 그 어떠한 장식에도 사용할 쉼표로 구분된 음영 목록을 받아들인다
구문:
text-shadow: horizontal-offset vertical-offset blur-radius color;
예:
text-shadow: 1px 1px 2px white;
다음은 하드 섀도우, 더블 섀도우 등 텍스트의 섀도우가 어떻게 작동하는지 확인하는 몇 가지 예를 추가할 것입니다.
너는 codepen에서 코드를 찾을 수 있다
본문 읽어주셔서 감사합니다.♥️
만약 당신에게 어떤 문제가 있으면 언제든지 저에게 알려주세요😋
🌟
👩🏻‍💻 Suprabha.me
🌟

좋은 웹페이지 즐겨찾기