animate.css에서 색상이 바뀌는 애니메이션을 만드는 방법

Question

animate.css 웹 페이지를보고 있었는데 기본 페이지의 animate.css 제목에 적용된 색상 변경 애니메이션을 만들고 싶습니다. 어떻게해야합니까? 그렇게?

https://daneden.github.io/animate.css/

Answer 1

를 사용하여 웹 관리자 (오른쪽 클릭하고 요소 검사를 선택합니다) 찾을 수 있습니다.

h1.site__title { 
    color: #f35626; 
    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;. 
    -webkit-animation: hue 60s infinite linear; 
} 

@-webkit-keyframes hue { 
    from { 
    -webkit-filter: hue-rotate(0deg); 
    } 

    to { 
    -webkit-filter: hue-rotate(-360deg); 
    } 
} 

Answer 2

이

h1 { 
 
    -webkit-background-clip: text; 
 
    -webkit-text-fill-color: transparent; 
 
    -webkit-animation: colored 10s infinite linear; 
 
    background-image: -webkit-linear-gradient(90deg, #f35626, #feab3a); 
 
} 
 
@-webkit-keyframes colored { 
 
    from { 
 
    -webkit-filter: hue-rotate(0deg); 
 
    } 
 
    to { 
 
    -webkit-filter: hue-rotate(-360deg); 
 
    } 
 
}

<h1>Colored text</h1>

그것을 밖으로 시도 :

그들은 다음과 같은 스타일 정의를 가진 H1이