css3 を使用してピクセル値またはパーセンテージ値を使用する場合の遷移をアニメーション化できることはわかっていますが、 と の間でbackground-size
アニメーション化することはできません。(私はウェブキットを使用しています - クロムとサファリ)contain
cover
ここでフィドルを作成しました: http://jsfiddle.net/59Bhb/3/は、パーセンテージ値では機能するが、包含/カバーでは機能しないことを示しています。
サポートされていないだけですか?
css3 を使用してピクセル値またはパーセンテージ値を使用する場合の遷移をアニメーション化できることはわかっていますが、 と の間でbackground-size
アニメーション化することはできません。(私はウェブキットを使用しています - クロムとサファリ)contain
cover
ここでフィドルを作成しました: http://jsfiddle.net/59Bhb/3/は、パーセンテージ値では機能するが、包含/カバーでは機能しないことを示しています。
サポートされていないだけですか?
サポートされていないだけです -アニメーション化できるプロパティのリスト
jQueryでそのようにアニメーション化できます
$('myElement').animate({'background-size':'任意のサイズ'}, 1000);
ただし、配置に関係なく、左上から右下に線形にサイズ変更されるため、目的の結果を得るのは困難です。これを cms テンプレートに入れてみましたが、探していた効果が得られませんでした。私が助けてくれることを願っています