Particles CSS - Particles CSS

Classes

Class	Properties
.visible	visibility: visible;
.hidden	visibility: hidden;
.visually-hidden	border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;

.visible

Sets the visibility property to visible.

xxxxxxxxxx
 
<div class="p-4 bg-gray-1">
  <div class="p-4 bg-gray-2"></div>
  <div class="visible p-4 bg-gray-3"></div>
  <div class="p-4 bg-gray-2"></div>
</div>

.hidden

Sets the visibility property to hidden.

xxxxxxxxxx
 
<div class="p-4 bg-gray-1">
  <div class="p-4 bg-gray-2"></div>
  <div class="hidden p-4 bg-gray-3"></div>
  <div class="p-4 bg-gray-2"></div>
</div>

.visually-hidden

An accessibility utility class to visually remove an element from the page, while maintaining the content for screen-readers. You can read more about this on a11yproject.com .

xxxxxxxxxx
 
<div class="p-4 bg-gray-1">
  <div class="p-4 bg-gray-2"></div>
  <div class="visually-hidden p-4 bg-gray-3"></div>
  <div class="p-4 bg-gray-2"></div>
</div>

Visibility

Classes

.visible

.hidden

.visually-hidden