Source

רְאוּת

שלוט בנראות, מבלי לשנות את התצוגה, של אלמנטים עם כלי עזר לנראות.

הגדר את visibilityהאלמנטים עם כלי העזר שלנו לנראות. מחלקות השירות הללו אינן משנות כלל את displayהערך ואינן משפיעות על הפריסה - .invisibleאלמנטים עדיין תופסים מקום בעמוד. התוכן יוסתר הן מבחינה ויזואלית והן עבור משתמשי טכנולוגיה מסייעת/קורא מסך.

החל .visibleאו .invisibleלפי הצורך.

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

// Usage as a mixin
// Warning: The `invisible()` mixin has been deprecated as of v4.3.0. It will be removed entirely in v5.
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}