クラスを適用するときにトランジションプロパティを適用します。

Question

divをクラスに適用すると、divを右から左にスライドします。私は以下のコードを試しました。しかし、それは動作しませんでした。どうかしましたか？

.dealer-info { 
    left:100%; 
    -webkit-transition-property: left; /* Safari */ 
    -webkit-transition-duration: 2s; /* Safari */ 
    transition-property: left; 
    transition-duration: 2s; 
} 

.dealer-info.dealer-show { 
    left:0%; 
} 

Answer 1

あなたの要件に応じて、relative、absoluteまたはfixedとしての地位を追加してください。

.dealer-info { 

left:100%; 
position: relative; /* or absolute depending on your use case */ 

    -webkit-transition-property: left; /* Safari */ 
-webkit-transition-duration: 100s; /* Safari */ 
transition-property: left; 
transition-duration: 2s; 
} 

.dealer-info.dealerショー{

left:0%; 
}