분류
css
텍스트가 배경에 새겨진 것처럼 보이는 효과를 만들기
본문
HTML :
<p class="etched-text">배경에 텍스트가 새겨진 것처럼 보이는 효과.</p>
CSS :
.etched-text {
text-shadow: 0 2px white;
font-size: 1.5rem;
font-weight: bold;
color: #b8bec5;
}
- 이전글텍스트에 그라디언트 색상을 지정 18.06.14
- 다음글box-shadow와 비슷하지만 요소 자체의 색상을 기반으로 그림자를 만들기 18.06.14