ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLでフォントの色を自動的に変更する方法

HTMLでフォントの色を自動的に変更する方法

藏色散人
藏色散人オリジナル
2021-02-25 11:07:399391ブラウズ

htmlフォントの色を自動的に変更する方法: まず新しい HTML ファイルを作成し、スタイル タグに「@keyframes change {0% {color: #333;}50%」などの CSS コードを入力します。 {color: #f60;}...}」を選択すると、フォントの色が自動的に変わります。

HTMLでフォントの色を自動的に変更する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3、Dell G3 コンピューター

1. まず、HTML エディターを開いて、新しい 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でフォントの色を自動的に変更する方法

[推奨: HTML ビデオ チュートリアル]

3. ブラウザは、index.html ページを実行し、フォントの色変化します 時間とともに自動的に変化します。

HTMLでフォントの色を自動的に変更する方法

以上がHTMLでフォントの色を自動的に変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。