如何叠加图像并使后面的文字不断移动并出现在相反的方向?

问题描述 投票:0回答:1

在此处输入图像描述我正在尝试创建一种效果,其中两个图像彼此重叠,而背景文本朝相反方向移动

图像应保持在彼此之上,但其后面的文本应水平或垂直方向相反移动,以产生移动的错觉。我想使用 React 来实现这一点。

我尝试使用位置:固定和绝对,但没有用。我不知道如何开始制作文本动画

javascript css reactjs animation
1个回答
0
投票

也许创建文本动画最简单但相当灵活的方法是 CSS 动画。

请参阅文档的此部分

对于一组简单的示例,您可以在我的产品:Web演示文稿中查看演示示例。实际上,有两个独立的产品放在一起,并有两个独立的演示演示(带有现场演示),在两篇单独的文章中进行了描述:

现场演示:

代码:https://github.com/SAKryukov/web-presentation.
看三个以“demo”开头的目录。

现在,这是我能给出的最好建议:不要这样做! 我是认真的。我这样做并将其用于我的所有演示,因为……好吧,因为它们是公开演示,而不是网站。
至于网站,如果网页上的某些内容在没有他们输入的情况下移动,我所认识的所有用户都会发疯。它根本没有任何意义,没有添加任何有用的信息,什么都没有。美在于表现手法上的优雅、简洁、和谐、独特以及一定的谦虚。而移动文本与独特性相反,这是加入人群中最糟糕的部分。我确实明白这只是我的意见,但我的目标不仅仅是回答问题,而是提供帮助。

© www.soinside.com 2019 - 2024. All rights reserved.