使用 CSS3 淡化文本动画效果

淡入淡出的文字动画效果是对 UI/UX 设计要求最高的效果之一。这种效果可以通过使用 HTML5 和 CSS3 来实现。在淡入淡出的文字效果中，每当我们加载窗口时，文字就会慢慢开始消失。我们可以使用 CSS3 中的 animation 属性来实现这种效果。

HTML 代码：在本节中，我们将制作网页的布局。

• 索引.html

HTML

  

    
    

  

    

        
GeeksforGeeks
    

  

CSS 代码：在本节中，我们将添加一些 CSS 属性来创建淡入淡出的文本效果。

CSS

完整代码：在本节中，我们将结合以上两节，使用 HTML5 和 CSS3 创建淡入淡出的文本效果。

HTML

  

    
    
  
    

  

    

        
GeeksforGeeks
    

  

输出：