Semantic-UI 消息浮动变体

Semantic UI 是一个开源开发框架，它提供了预定义的类，使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。

Semantic UI 为用户提供了各种不同的消息类型类，可用于不同的目的以显示具有良好界面的消息。在这篇文章中，让我们看看语义 UI 中浮动变化的消息。

Semantic-UI 消息浮动变体类：

• 浮动：该类创建消息在屏幕内容上的浮动效果。

句法：

 
 

  ...
 

示例 1：此示例描述了浮动变化的消息。

HTML

  Semantic-UI Message Floating Variation
  
  
  
  
  

 

  
    GeeksforGeeks
    
      Semantic-UI Message Floating Type
    
  
  
  
  
    
       
A basic floating message
 
    
  

输出：

Semantic-UI 消息浮动变体

示例2：本示例描述了浮动变化的列表消息。

HTML

 

  Semantic-UI Message Floating Variation
  
  
  
  
  

 

  
    GeeksforGeeks
    
      Semantic-UI Message Floating Type
    
  
  
  
  
    
      
        New Update 2.3.1 available
      
      
        Enhanced UI with new features
         Auto save work feature added 
        Improved the launch performance
      
    
  

输出：

Semantic-UI 消息浮动变体

参考： https ://semantic-ui.com/collections/message.html#floating