Javascript js如何设置元素到页面中心的过渡动画?
有一个元素,当页面加载时,该元素应根据设备的分辨率从屏幕左侧平滑移动到中心。TranslateX参数:0,不接受百分比。这需要在Anime.js插件上精确实现。您只需使用CSS中的transition属性即可实现,例如:Javascript js如何设置元素到页面中心的过渡动画?,javascript,css,anime.js,Javascript,Css,Anime.js,有一个元素,当页面加载时,该元素应根据设备的分辨率从屏幕左侧平滑移动到中心。TranslateX参数:0,不接受百分比。这需要在Anime.js插件上精确实现。您只需使用CSS中的transition属性即可实现,例如: .example { transform: ....; transition: transform 1s ease-in-out; } 这是一个简单的用例,但您必须将其调整到现有代码中,因为您没有为我发布任何内容。Hi julieta,欢迎来到SO。请编辑您的问题并包
.example {
transform: ....;
transition: transform 1s ease-in-out;
}
这是一个简单的用例,但您必须将其调整到现有代码中,因为您没有为我发布任何内容。Hi julieta,欢迎来到SO。请编辑您的问题并包含与该问题相关的代码。如果可能的话,为我们创建一个合作伙伴。关于你的问题,;虽然不能使用百分比,但可以计算动画的距离。类似于
window.innerWidth/2
的内容将显示屏幕中央。这也可能是动画的“平移”值,具体取决于元素的尺寸。