基础 CSS 厨房水槽显示

Foundation CSS 是 CSS 的前端框架，用于构建可在任何设备上完美运行的响应式网站、应用程序和电子邮件。它使用 HTML、CSS 和 JavaScript 编写，并被许多著名公司使用，如 Amazon、Facebook、eBay 等。它使用 Grunt 和 Libsass 等包进行快速编码和控制，并使用 Saas 编译器加快开发速度。

Kitchen Sink Reveal用于在单击链接时在弹出窗口中显示内容。当我们想要隐藏内容并再次显示它时，我们可以在 Foundation CSS 中使用这个显示类。

Foundation CSS Kitchen Sink Reveal 类：

• 显示：用于创建弹出窗口。

句法：

....

  ....

示例 1：

HTML

  

      Foundation CSS Kitchen Sink Reveal
      
      
      
      
      
     
      
     

  

  
  
    
      GeeksforGeeks
    
    Foundation CSS Kitchen Sink Reveal
  
    Click Here
  
  
    
      GeeksforGeeks
      
         A Computer Science portal for geeks. 
         It contains well written, well thought 
         and well explained
         computer science and programming articles
  
      
        A Computer Science portal for geeks. 
        It contains well written, well thought 
        and well explained computer science
        and programming articles
  
    
  
  
    $(document).ready(function () {
      $(document).foundation();
    })
  
  

输出：

基础 CSS 厨房水槽显示

示例 2：

HTML

  

      Foundation CSS Kitchen Sink Reveal
      
      
      
      
      
     
      
     
  

  

  
  
    
      GeeksforGeeks
    
    Foundation CSS Kitchen Sink Reveal
  
    Click me
  
  
    
      GeeksforGeeks 
      
      GeeksforGeeks Image  
  
      
      Submit
  
      
        ×
      
    
  
  
  
      $(document).ready(function () {
            $(document).foundation();
      })
  

输出：

基础 CSS 厨房水槽显示

参考链接： https://get.foundation/sites/docs/kitchen-sink.html#reveal