Astral.CSS

Utilize visibility utilities to control the visibility of elements without altering their display properties, ensuring a seamless user experience in your web design

What is CSS Visibility?

CSS visibility is a property that controls the visibility of an element on a webpage.

Overview

Set the visibility of elements with our visibility utilities. These utility classes do not modify the display value at all and do not affect layout – .invisible elements still take up space in the page.

Elements with the .invisible class will be hidden both visually and for assistive technology/screen reader users.

Apply .visible or .invisible as needed.

...

...
...

Responsive Visibility

Change the viewport to see this in action

I am invisible on small screens

I am invisible on medium screens

I am invisible on small large screens

I am invisible on extra large screens

  
    
      
  I am invisible on small screens
      
  
  
  
    
  I am invisible on medium screens
    
  
  
  
    
  I am invisible on small large screens
    
  
  
  
    
  I am invisible on extra large screens

Other utilities you may need img-fluid,img-fit-cover,img-fit-contain,delete,table-fixed

Overview