html怎么把字做成动画效果,用纯CSS实现文字的动态效果

你可能经常会看到类似酷炫的网站：

APPLE官网图片

作者的工程项目

在这类网站中能看到，一打开页面，无论是文字还是图片，都随着规定时间的而变化。原理很简单，主要用到CSS中animation属性。

接下来，我以我目前的工程项目为例，实现文字和图片的动画效果。(效果如上图GIF)

HTML代码编写：

文字题目

目前大体的框架已经写好，包含一个section标签，span(根据喜好添加),h2标签。接下来向其中添加文字代码。将代码放在h2中。

内容1

内容2

...

第一种文字动画HTML。

内容1

...

第二种文字动画HTML。//同理