css - 当我应用一个类时应用过渡属性

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-show{

left:0%;
}