应用类时应用转换属性

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;
}

.经销商信息.经销商展示｛

left:0%;
}