如何制作文字动画

Question

我是前端的新手，我想知道是否有人可以告诉我如何使文本显示在以下网站中：https://colorlib.com/demo?theme=glint

从底部到顶部？

Answer 1

您应该看看W3.CSS Animations

您想要的确切效果可以尝试here并称为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

您可以在{Slide In Elements“部分的this boostrap示例中结合使用jquery和css。