Nascondere elementi usando i CSS

Vi propongo oggi una lista di metodi per nascondere gli elemtni di una pagina web usando i CSS.

Non so se ce ne siano altri, e non saprei neanche dirvi quale sia il migliroe.

Io in genere per abitudine uso l'attributo display, quindi cominciamo da questo.

DISPLAY

.hide {
   display: none;
}

VISIBILITY

.hide {
   visibility: hidden;
}

OPACITY

.hide {
  opacity: 0;
}

POSITION

.hide {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

CLIP-PATH

.hide {
  clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px);
}

Di sicuro non ho mai usato l'attributo position.

Enjoy!