Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript js如何设置元素到页面中心的过渡动画?_Javascript_Css_Anime.js - Fatal编程技术网

Javascript js如何设置元素到页面中心的过渡动画?

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。请编辑您的问题并包

有一个元素,当页面加载时,该元素应根据设备的分辨率从屏幕左侧平滑移动到中心。TranslateX参数:0,不接受百分比。这需要在Anime.js插件上精确实现。

您只需使用CSS中的transition属性即可实现,例如:

.example {
  transform: ....;
  transition: transform 1s ease-in-out;
}

这是一个简单的用例,但您必须将其调整到现有代码中,因为您没有为我发布任何内容。

Hi julieta,欢迎来到SO。请编辑您的问题并包含与该问题相关的代码。如果可能的话,为我们创建一个合作伙伴。关于你的问题,;虽然不能使用百分比,但可以计算动画的距离。类似于
window.innerWidth/2
的内容将显示屏幕中央。这也可能是动画的“平移”值,具体取决于元素的尺寸。