HTML에서 글꼴의 색상을 자동으로 변경하는 방법

HTML에서 글꼴 색상을 자동으로 변경하는 방법: 먼저 새 HTML 파일을 만든 다음 스타일 태그에 "@keyframes 변경 {0% {color: #333;}50% {color: #f60;} ...}"를 사용하면 글꼴 색상이 자동으로 변경됩니다.

이 문서의 운영 환경: Windows7 시스템, HTML5&&CSS3, Dell G3 컴퓨터

1 먼저 html 편집기를 열고 index.html과 같은 새 html 파일을 만듭니다.

2. index.html의

body {
animation: change 3s linear 0s infinite;
}
@keyframes change {
0% {color: #333;}
50% {color: #f60;}
100% {color: #f00;}
}

【추천: HTML 동영상 튜토리얼】

3. 브라우저는 index.html 페이지를 실행하며, 글꼴 색상은 시간에 따라 자동으로 변경됩니다.

위 내용은 HTML에서 글꼴의 색상을 자동으로 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!