ദൃശ്യപരത

ദൃശ്യപരത യൂട്ടിലിറ്റികളുള്ള ഘടകങ്ങളുടെ ഡിസ്പ്ലേ പരിഷ്കരിക്കാതെ തന്നെ ദൃശ്യപരത നിയന്ത്രിക്കുക.

visibilityഞങ്ങളുടെ ദൃശ്യപരത യൂട്ടിലിറ്റികൾ ഉപയോഗിച്ച് ഘടകങ്ങളെ സജ്ജമാക്കുക . ഇവ displayമൂല്യം മാറ്റില്ല, മാത്രമല്ല മിക്ക ഉപയോക്താക്കളിൽ നിന്നും ഉള്ളടക്കം മറയ്‌ക്കുന്നതിന് സഹായകരവുമാണ്, പക്ഷേ അവ ഇപ്പോഴും സ്‌ക്രീൻ റീഡറുകൾക്കായി സൂക്ഷിക്കുന്നു.

പ്രയോഗിക്കുക .visibleഅല്ലെങ്കിൽ .invisibleആവശ്യാനുസരണം.

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

// Usage as a mixin
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}