CSS 交叉淡入淡出属性

交叉淡入淡出属性用于在两个给定图像之间形成一种混合。简而言之，它用于按百分比将图像混合在一起。

句法：

cross-fade( ,  )

适当的价值：

• 它没有属性值，相反，它需要两个图像和一个指示所需混合量的数字。

示例 1：

在第一个图像为白色而第二个图像为黑色的 0% 处交叉淡入淡出，然后以这样一种方式进行混合，即有 85 部分的白色图像和 15 部分的黑色图像。

  
  
  



  
Cross-fade
  

  

输出：

示例 2：

在第一个图像为黑色而第二个图像为白色的情况下，在 0% 处交叉淡入淡出，然后以白色图像的 0 部分和黑色的 100 部分的方式进行混合。

  
  
  



  
Cross-fade at 0%
  

  

输出：

支持的浏览器：

• 火狐 3.0
• 边缘
• 铬合金
• 苹果浏览器