📜  MooTools-Fx.Tween

📅  最后修改于: 2020-10-22 06:40:40             🧑  作者: Mango


MooTools为不同的过渡提供了不同的FX.Tween快捷方式,例如浮华效果转换为平滑的动画过渡。让我们讨论Tween快捷方式中的一些方法。

补间()

此方法提供了两个样式属性值之间的平滑过渡。让我们举一个使用补间方法将div的宽度从100px更改为300px的示例。看一下下面的代码。


      
      
      
      
      
   
   
   
      

您将收到以下输出-

输出

褪色()

此方法调整元素的不透明度或透明度。让我们举一个例子,其中,我们提供了一个按钮,用于使用MooTools调整div的不透明度。看一下下面的代码。


      
      
      
      
      
   
   
   
      

您将收到以下输出-

输出

单击淡入为50%按钮可将div的不透明度降低为50%。

突出()

此方法使用不同的背景颜色突出显示元素。它包含Tween Flash的两个主要功能。

  • 在第一个功能中,补间动画用于将不同的背景色应用于元素。

  • 补间动画设置了不同的背景颜色后,便会切换为另一种背景颜色。

选择后,此方法用于突出显示元素。让我们以一个例子来理解这种方法。看一下下面的代码。


      
      
      
      
      
   
   
   
      

您将收到以下输出-

输出

尝试将鼠标指针停留在彩色的div上,并观察闪光灯高光的变化。