Semantic-UI 显示旋转类型

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

与传统 CSS 相比，Semantic-UI 为我们提供了一种非常简单的方法来呈现更好的用户界面。 Semantic-UI 提供的功能之一是Reveal ，当元素被激活时，显示附加内容而不是以前的内容。我们在语义 UI 中有不同类型的显示，包括淡入淡出、移动和旋转。在本文中，我们将借助示例代码了解Semantic-UI Reveal Rotate Type及其实现。

在Semantic-UI Reveal Rotate Type中，可以旋转元素以显示其他内容来代替先前的内容。元素可以向左或向右旋转以显示附加内容。

Semantic-UI 显示旋转类型类：

• rotate：这个类用于使元素可旋转。

句法：

    

        // Content that is visible
    
    

        // Content that is hidden
    

示例 1：此示例显示了 Reveal 中的右旋转。

输出：我们可以注意到之前的内容向右旋转以显示附加内容。

向右旋转以显示附加内容

示例 2：此示例显示 Reveal 中的左旋转。

HTML

  

    
    
    
    
    

  
  

    
        
            Geeksforgeeks
            Semantic-UI Reveal Rotate Type
            
            
                
                
            
        
    

  

输出：我们可以注意到之前的内容向左旋转以显示附加内容。

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