happyTree

.text{
    font-size: 50px;
    background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
    color: transparent;
    -webkit-background-clip: text;
}

image-rendering 속성을 사용하여 이미지의 렌더링 방식을 조정할 수 있습니다. 다양한 브라우저에서 호환되는 값들을 사용하여 이미지를 더 선명하게 보정할 수 있습니다.

img {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Chrome */
  image-rendering: crisp-edges; /* Standard */
}

crisp-edges는 표준 값으로, 대부분의 최신 브라우저에서 지원됩니다.