Cara Menyembunyikan Objek Pada CSS

Terdapat 2 opsi untuk menyembunyikan objek, yaitu :

• Apakah kita akan menyembunyikan objek beserta menghilangkan tempatnya ? atau
• Hanya menyembunyikan objek dan tempatnya tetap terisi ?

1. Untuk opsi yang pertama diatas kita bisa memanfaatkan kode CSS yaitu display: none;contohnya; kita akan menyembunyikan foto dari postingan serta menghilangkan tempatnya
   
   

   <a href="yourimglink.jpg" style="display: none;">

2. Sedangkan untuk membuat objek hilang tanpa menghilangkan layoutnya, kita bisa memakai 2 cara yaitu adalah dengan kode visibility: hidden; atau opacity: 0;. 
   
   
   visibilitiy adalah kode yang berfungsi untuk mengatur penampakan dari objek, disini kita mengatur valuenya menjadi hidden agar objek dapat tersembunyi. Sedangkan opacity berfungsi untuk mengatur tingkat transparansi objek, disini kita mengatur valuenya menjadi 0 yang berarti objek akan benar benar tersembunyi akibat transparan.
   
   contoh untuk visibility: hidden; :
   
   

   <a href="yourimglink.jpg" style="visibility: hidden;">
   

   
   untuk opacity: 0;
   
   

   <a href="yourimglink.jpg" style="opacity: 0;">