display: none
から始まる要素はleft: 0
です。私はそれを示してleft: 40
に移動する必要があります。しかし、移行は機能していません。要素が左に直接現れる:40.開始位置が表示されているときにCSSトランジションが動作しません。
N.B表示なしからブロックに移行していません。私はまったく異なる財産を移しています。ここ
フィドル:
https://jsfiddle.net/5t43rdkb/2/
display: none
から始まる要素はleft: 0
です。私はそれを示してleft: 40
に移動する必要があります。しかし、移行は機能していません。要素が左に直接現れる:40.開始位置が表示されているときにCSSトランジションが動作しません。
N.B表示なしからブロックに移行していません。私はまったく異なる財産を移しています。ここ
フィドル:
https://jsfiddle.net/5t43rdkb/2/
N.B私はブロックするように、ディスプレイなしから移行しておりません。私はまったく異なる財産を移しています。
表示プロパティを切り替えるかどうかは関係ありません。遷移が開始されるためには、すべての要素が既にアニメート可能な状態でなければなりません。 display: none
はボックスの生成を完全に抑制しますので、新しいルールですぐにdisplay: block
に変更してボックスを生成させても、そこに存在しないボックスはアニメーション化できません。特に、position
およびleft
のようなプロパティは、存在しないボックスでは意味を持ちません。なぜなら、やはり最初の場所に配置するものはないからです。
ありがとうございました。私はそれが事実かもしれないと思った。しかし、以下はうまくいきません:https://jsfiddle.net/0ma8g3Lf/。ここでは、遷移前に表示する要素を設定します。 –
settimeoutで2番目のコマンドを実行すると、次のようになります。https://jsfiddle.net/u1m6xot1/ –
@ Coffee Bite:この2つのフィドルの両方でオリジナルと同じコードが表示されています。正しく保管してください。 – BoltClock