在此处输入图像描述我正在尝试创建一种效果,其中两个图像彼此重叠,而背景文本朝相反方向移动
图像应保持在彼此之上,但其后面的文本应水平或垂直方向相反移动,以产生移动的错觉。我想使用 React 来实现这一点。
我尝试使用位置:固定和绝对,但没有用。我不知道如何开始制作文本动画
也许创建文本动画最简单但相当灵活的方法是 CSS 动画。
请参阅文档的此部分。
对于一组简单的示例,您可以在我的产品:Web演示文稿中查看演示示例。实际上,有两个独立的产品放在一起,并有两个独立的演示演示(带有现场演示),在两篇单独的文章中进行了描述:
现场演示:
代码:https://github.com/SAKryukov/web-presentation.
看三个以“demo”开头的目录。
现在,这是我能给出的最好建议:不要这样做!
我是认真的。我这样做并将其用于我的所有演示,因为……好吧,因为它们是公开演示,而不是网站。
至于网站,如果网页上的某些内容在没有他们输入的情况下移动,我所认识的所有用户都会发疯。它根本没有任何意义,没有添加任何有用的信息,什么都没有。美在于表现手法上的优雅、简洁、和谐、独特以及一定的谦虚。而移动文本与独特性相反,这是加入人群中最糟糕的部分。我确实明白这只是我的意见,但我的目标不仅仅是回答问题,而是提供帮助。