📜  Semantic-UI 显示淡入淡出类型

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

Semantic-UI 显示淡入淡出类型

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

Semantic UI Reveal用于轻松显示内容,而不是使用 CSS。在 Semantic-UI Reveal 中,当元素被激活时,会显示附加内容而不是之前的内容。语义 UI 提供不同类型的显示,如淡入淡出、移动和旋转,甚至具有不同的变化以及不同的内容和状态。在本文中,我们将使用示例代码了解Semantic-UI Reveal Fade Type及其实现。

Semantic-UI Reveal Fade Type是一种显示类型,其中先前的内容消失以显示其下方存在的附加内容。先前的内容淡出以显示其下方的内容。

Semantic-UI 显示淡入淡出类型类:

  • fade:这些类用于通过淡化以前的内容来显示其他内容。

句法:

...

示例 1:

HTML

  

    
    
    

    

    
        

          Geeksforgeeks         

        Semantic-UI Reveal Fade Type         

           
                                  
    
  


HTML

  

    
    
    

  

    
        

          Geeksforgeeks         

        Semantic-UI Reveal Fade Type        

        
            
                             
                     
    
  


输出:

Semantic-UI 显示淡入淡出类型

Semantic-UI 显示淡入淡出类型

示例 2:

HTML


  

    
    
    

  

    
        

          Geeksforgeeks         

        Semantic-UI Reveal Fade Type        

        
            
                             
                     
    
  

输出:

Semantic-UI 显示淡入淡出类型

Semantic-UI 显示淡入淡出类型

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