Semantic-UI 静态 Flash 动画

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

动画允许我们将 Web 内容转换进出视口。 Semantic UI 有许多静态动画，如 Jiggle、Flash、Shake、Pulse、Tada、Bounce、Glow。这些动画是可预测的，不依赖于用户与网络的交互。静态动画用于吸引用户的注意力。在本文中，我们将通过代码示例了解语义 UI 静态 Flash 动画。

语义 UI 静态 Flash 动画：如前所述，静态动画帮助我们吸引用户的注意力。 Semantic UI 中的静态 Flash 动画用于通过闪烁来吸引注意力。

句法：

$('.image').transition('flash');

示例 1：当我们点击以下示例中的按钮时，元素会立即闪烁，从而将注意力吸引到图像上。

HTML

    Semantic UI Flash animation
    
     
    
    
    

  

    
        
            Geeksforgeeks
            Static Flash Animation
            
            
            
              
            
                Static Flash Animation
            
        
       
  
    
        $('button').click(function() {
            $('.image').transition('flash');
        })
    

输出：

Semantic-UI 静态 Flash 动画

示例 2：以下代码演示了带有鼠标图像悬停事件的 flash 动画。

HTML

    Semantic UI Flash animation
    
     
    
    
    

  

    
        
            Geeksforgeeks
            Static Flash Animation
            
            
            
        
       
  
    
        $('img').mouseover(function() {
            $('.image').transition('flash');
        })
    

输出：

Semantic-UI 静态 Flash 动画

参考链接： https ://semantic-ui.com/modules/transition.html#flash