📜  语义UI |揭示

📅  最后修改于: 2021-08-30 02:12:45             🧑  作者: Mango

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

当激活或悬停时,显示显示内容代替以前的内容。

示例 1:褪色显示。



  

    Semantic UI
    
  
    

  

    
        

Reveal Fade

        
                                                 
    
  

在可见内容类中,我们必须添加我们想要默认显示的内容,在隐藏内容中,我们想要放置我们想要显示的内容。
输出:

示例 2:显示移动。



  

    Semantic UI
    
  
    

  

    
        

Reveal Move

        
            
                             
                                    
    
  

您可以添加向上、向下和向右类以向上、向下和向右移动。例如,对于 up class=’ui move up toreveal’。

输出:

示例 3:旋转显示



  

    Semantic UI
    
  
    

  

    
        

Reveal Rotate

           
                                     
    
  

将类更改为“UI 小圆形向左旋转显示图像”以将其向左旋转。

输出:

您可以将即时课程添加到任何揭示以立即揭示。

注意:隐藏图像和可见图像的纵横比应该相同。