Visibility utilities
Utility classes which can be used to set the visibility of elements.
Notation #
The utility classes available for setting the visibility are .visible (makes visible) and .invisible (hides). The classes are shown in action in the example below. Invisible elements will still take up space in the DOM. If you want an element to not take up space, the display: none property must be set instead.
HTML
<!-- Visible -->
<div class="visible">
This is visible
</div>
<!-- Invisible -->
<div class="invisible">
This is invisible
</div>
Accessibility
Please note, elements with the.invisible class will be hidden both visually and for assistive technology/screen reader users.
Help us grow
Our main goal is to make Halfmoon the go-to framework for building websites, dashboards and tools. If you believe in our mission, consider becoming a sponsor and help us grow.
You can email us directly if you have any queries. We are always happy to answer.
Subscribe for updates
We will notify you when the framework gets a substantial update. No spam ever.
Follow us on Twitter so that you can stay updated that way.