如何解决转换和变换之前的CSS位置元素
我正在尝试使用css转换转换div,然后将具有css转换的转换应用于运动。
是否可以为元素指定“开始”位置?我需要在动画之前翻译元素。
.mediaViewItem:nth-child(3) {
transition: transform 1s cubic-bezier(0.65,0.35,1);
transform: translate3d(-200%,0); translate3d(-100%,0);
}
在上面的代码中,我需要开始时不包含动画的情况下将其转换为-3%(-200%,0,0),然后在过渡时从-200%移至-100%。
有什么主意吗?
解决方法
这是您为元素设置的初始位置,使用javascript添加一个类 当您需要进行动画处理时,它将变形元素恢复到正常位置。例如。通过js添加类似的类:
.animated {
transform: translate3d(0,0); translate3d(0,0);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。