ダイナミックコントロールのフォントの色変換CSS3

ダイナミックコントロールのフォントの色変換CSS3

<！DOCTYPE HTML > 
< HTML > 
< ヘッド> 
< メタのcharset = "UTF-8" > 
< タイトル> CSS3文字颜色更改</ タイトル> 
</ ヘッド> 
< スタイル> 
.site__title { 
色：＃f35626 。
フォントファミリ：微软雅黑。
背景画像：-webkit-線形勾配（92deg、＃f35626、＃feab3a） 。
-webkit-背景クリップ：テキスト。：透明; 
-webkit-アニメーション：色相10秒無限の直線。
} 
@ -webkit-キーフレーム色相{
{から

-webkit-フィルタ：色相回転（値は0deg） 。
-moz-フィルタ：色相回転（値は0deg） 。
} 
に{ 
-webkit-フィルタ：色相回転（-360deg） 。
-moz-フィルタ：色相回転（-360deg） 。
}
}
</ スタイル> 
< 身体>

< のH1 クラス= "site__title" >色となり、</ H1の> 
</ ボディ> 
</ HTML >