📜  如何在 CSS 中创建多个背景图像视差?

📅  最后修改于: 2021-08-31 07:37:07             🧑  作者: Mango

在本文中,我们将学习如何在 CSS 中创建多个背景图像视差。

方法:首先,我们将使用 CSS 中的 background-image 属性添加背景图像。我们可以使用 background-image 添加多个图像。

句法:

background-image: url(image_url1),url(image_url2),...;

然后我们在 CSS 中应用动画属性来为图像设置动画。

句法:

animation: duration timing-function iteration-count direction;

以下是上述方法的完整实现:

示例 1:

HTML


  
    
  
  
    
    rocket   
  


HTML


  
    
  
  
    
       
  


输出:

示例 2:

HTML



  
    
  
  
    
       
  

输出: