Kalau ingin menyembunyikan elemen tetapi tetap berfungsi, ada beberapa cara di CSS, tergantung kebutuhan:
1️⃣ Menggunakan visibility: hidden;
Elemen tetap ada di layout, hanya tidak terlihat.
Masih bisa diklik jika posisinya memungkinkan.
css
Salin
Edit
.hidden {
visibility: hidden;
}
2️⃣ Menggunakan opacity: 0;
Elemen tetap ada dan masih bisa diklik.
css
Salin
Edit
.hidden {
opacity: 0;
}
3️⃣ Menggunakan display: none;
Elemen hilang sepenuhnya dari layout (tidak bisa diklik).
css
Salin
Edit
.hidden {
display: none;
}
4️⃣ Memindahkan elemen keluar layar
Elemen tetap ada, tetapi tidak terlihat di layar.
css
Salin
Edit
.hidden {
position: absolute;
left: -9999px;
}
Kalau sebelumnya kamu menyimpan kode di proyek Laravel atau Blogger, coba cari file CSS utama atau gunakan DevTools (Inspect Element - F12) untuk menemukannya.
0 Reviews:
Posting Komentar