한 가지 색상으로 그려진 텍스트에서 애니메이션 그라데이션으로 부드럽게 전환하는 것이 가능합니까?

Question

페이지에 흰색 텍스트가 있고 그 아래에 버튼이 있습니다. 또한 애니메이션 그라데이션이 적용되어 텍스트를 채웁니다. 버튼을 클릭하면 -webkit-text-fill-color 属性将变为透明 텍스트 색상이 그라데이션에 맞게 갑자기 변경됩니다.

아래와 같이: https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ

흰색에서 그라데이션으로 부드럽게 전환되는 것이 가능합니까? (-webkit-text-fill-color 属性不直接支持transition)

Answer 1

CSS 색상 속성은 변환 가능하므로 사용하세요.

으아아아