如何制作文字动画

Question

I am new in Front End and I was wondering if anyone can tell me how to make the text appears like in this website: https://colorlib.com/demo?theme=glint

From the bottom to the top?

Answer 1

You should get a look at the W3.CSS Animations

The exact effect you are looking for could be tryed here and is called a slide-up effect

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

<div class="w3-container w3-center w3-animate-bottom">
  <h1>Animation is Fun!</h1>
  <p>The w3-animate-bottom class slides in an element from the bottom. 
</p>

Answer 2

您可以使用 jquery 和 css 的组合，就像在这个boostrap 示例中的“在元素中滑动”部分一样。