📜  语义 UI 显示即时变化

📅  最后修改于: 2022-05-13 01:56:18.072000             🧑  作者: Mango

语义 UI 显示即时变化

Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 来构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更神奇。在本文中,我们将了解 Reveal Instant 变体。

它配备了预构建的语义组件,可帮助使用用户友好的 HTML 创建响应式布局,并使用预定义的 CSS 和 jQuery 来整合不同的框架。

显示在激活时显示附加内容以代替以前的内容,并且当它处于即时变化状态时,它的内容将如何立即变化。

Semantic-UI Reveal Instant Variation 类:

  • Instant:该类用于元素无延迟地显示其内容。

句法:

...

下面的示例说明了 Semantic-UI Reveal Instant 变体:

示例 1:在此示例中,我们将显示空白区域。

HTML



    


    
    

GeeksforGeeks

     Semantic-UI Reveal Instant Variation     
    
      
               
      


HTML



    


    
    

GeeksforGeeks

    Semantic-UI Reveal Instant Variation     
    
      
               
           
 


输出:

语义 UI 显示即时变化

语义 UI 显示即时变化

示例 2:在此示例中,我们将通过移动图像来显示图像。

HTML




    


    
    

GeeksforGeeks

    Semantic-UI Reveal Instant Variation     
    
      
               
           
 

输出:

语义 UI 显示即时变化

语义 UI 显示即时变化

参考: https://semantic-ui.com/elements/reveal.html#instant