1

だから私は友人のTumblrページのためにこのパルスグラデーションのものを作っています. デモは次のとおりです。 http://jsfiddle.net/Nippon/yYteE/

コードの一部 (@keyframes は長すぎてここに投稿できません):

.animate {
-moz-animation: color 14s infinite linear;
-o-animation: color 14s infinite linear;
-webkit-animation: color 14s infinite linear;
animation: color 14s infinite linear;
display: inline-block;
}

グラデーションの生成にhttp://www.colorzilla.com/gradient-editor/を使用しました。透明色は必須ですが、白一色にしても何も変わらないと思います。

問題は、アニメーションが Chrome と IE10 でのみインデントされたように動作することです。Firefox は不透明度のみをアニメーション化し、グラデーションは常に同じままです (デフォルトのターコイズ)。

-moz-プレフィックスを削除して!importantを追加することで修正しようとしましたが、まだ運がありません。

4

1 に答える 1