gpt4 book ai didi

css - React 组件滑入/滑出

转载 作者:太空宇宙 更新时间:2023-11-04 06:45:00 26 4
gpt4 key购买 nike

我正在尝试编写一个与图像类似的滑动菜单:https://chustynka.pl/

我已经有了随时间变化的组件(带有箭头),唯一剩下的就是动画。我添加了有用的类和 ID,但我不知道如何使用 css 为它们设置动画。你能帮忙吗?

https://codesandbox.io/s/00rnj29p60

最佳答案

不幸的是,您需要的不仅仅是 CSS 代码。当您要为幻灯片制作动画时,您还必须执行更多的 javascript 代码。例如,您必须跟踪幻灯片的方向。也就是说,如果您按向左或向右箭头。反过来,这将决定幻灯片滑入/滑出的方向。

有很多方法可以做到这一点,但它涉及更多的 JS 编码。 =)

这不是我在这里制作的 React slider ,但您可以从 Github 下载/克隆它并查看它的脚本。也许它会让你知道你必须做什么。

https://github.com/weibenfalk/Slider-Carousel---Lightweight-in-Vanilla-JS-ES6-

关于css - React 组件滑入/滑出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53391769/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com