Semantic-UI 显示可见内容

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

Reveal 是Semantic-UI中的一项功能，当元素被激活时，可以显示附加内容而不是以前的内容。语义 UI提供不同类型的显示，如淡入淡出、移动和旋转，以及不同类型的内容显示，包括可见内容、隐藏内容，以及不同的变体和状态。

在本文中，我们将学习Semantic-UI Reveal Visible Content，并借助代码示例学习如何实现它。

Semantic-UI Reveal Visible Content 类：

• 可见内容：此类用于添加甚至在元素被激活之前可见的内容，当元素被激活时，它会显示以前的内容。
• 隐藏内容：该类用于添加在元素被激活之前将被隐藏的内容，当元素被激活时，它会显示附加内容。

句法：

示例 1：下面的示例演示了使用图像和文本来显示可见内容的使用。

HTML

  

    
  
    

  

    
        



        

            Geeksforgeeks
        
  
        

            Semantic-UI Reveal Visible Content
        
  
        

            
            

                GeeksforGeeks
            
        
    

  

输出：

Semantic-UI 显示可见内容

示例 2：下面的示例演示了使用两个图像来使用 Reveal Visible Content。

HTML

  

    
  
    

  

    
        



        

            Geeksforgeeks
        
  
        

            Semantic-UI Reveal Visible Content
        
  
        

            
  
            
        
    

  

输出：

Semantic-UI 显示可见内容

参考链接： https://semantic-ui.com/elements/reveal.html#visible-content