0

ウェブサイト用にアニメーション化されたスライダーを作成しようとしています。フロートとマージンを使用してスライダーの要素を配置しています。要素をアニメーション化するスライダーに統合できるものを探していましたが、 CSS3トランジションを使用する必要があり、それらの要素は完全に親の内側に配置する必要があります。これが問題です。現在の配置方法と要素のサイズが可変であるため、要素を絶対的に配置したくありません。

では、絶対位置を使用せずにこれらの要素をアニメーション化または遷移するにはどうすればよいですか？それぞれの要素を異なる時間と方向で異なる方法でアニメーション化したいと思います。

ありがとう。

UPADTE：WooThemesのFlexsliderを使用しています

4

3 に答える 3

1

JavaScriptを介してCSSに広告を出すことができます

'+=10px' or '-=10px'

そのため、結果の正確な量を述べる必要なく、アニメーション化する要素の値を追加または減少させます。それが役に立てば幸い

編集

JavaScript を使用せずに @keyframes でこれを使用することもできます

于 2012-12-06T13:14:37.610 に答える
0

を使用しtransform: translate(x,y)ます。Transform は、周囲のマークアップ/スタイル (例: ) から独立しておりposition: absolute、モバイル デバイス上でもハードウェア アクセラレーションされます。

于 2012-12-06T13:19:00.697 に答える