What are the different ways to visually hide content?
What are the different ways to visually hide content?
Share
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Aviance School is one of the largest web solutions platform in India for developers to learn and share their programming knowledge and build their careers.
The different ways to visually hide content:
There are multiple ways of hiding an element in CSS. You can hide it by setting opacity to 0, visibility to hidden, display to none or by setting extreme values for absolute positioning.
Opacity:
.hide {
opacity: 0;
}
Visibility:
.hide {
visibility: hidden;
}
Display:
.hide {
display: none;
}
Position:
.hide {
position: absolute;
top: -9999px;
left: -9999px;
}