我正在使用 javascript 构建甘特图样式的日程表视图,并试图让我的约会从左侧过渡到绝对定位的内联值。我想使用 CSS3 过渡来处理这个问题。
个人约会是通过 javascript 添加和绘制的,在标记中看起来像这样;
<div class="appt" style="width: 12.5%; left: 32.5874%;"></div>
.appt 类具有-webkit-transition: all .3s ease-in;
withtop: 0; left: 0
声明。
我认为当这些约会被附加到 DOM 时,它们会为它们的内联样式位置设置动画。我怎样才能做到这一点?
这是一个相关的简单示例。http://codepen.io/aaronlsilber/pen/ocqFl