/* CSS untuk membuat Footer Melayang */
#anchor_bottom {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0); /* Transparan murni: alpha 0 */
color: white; /* Warna teks tidak begitu penting karena footer transparan murni, tapi tetap didefinisikan */
text-align: center;
padding: 15px 0;
z-index: 9999;
/* Tidak perlu box-shadow jika transparan murni */
transition: opacity 0.3s ease-in-out;
pointer-events: none; /* Penting: Mencegah footer menghalangi klik pada konten di belakangnya */
}
/* Gaya untuk Tombol Close */
.close-button {
position: absolute; /* Posisi relatif terhadap #anchor_bottom */
top: -30px; /* Naikkan tombol agar terlihat di atas area footer yang transparan */
right: 20px;
/* Gaya untuk Lingkaran Abu-abu */
width: 30px;
height: 30px;
border-radius: 50%; /* Membuat bentuk lingkaran */
background-color: #666; /* Warna abu-abu */
display: flex; /* Menggunakan flexbox untuk memposisikan 'X' di tengah */
justify-content: center; /* Horisontal tengah */
align-items: center; /* Vertikal tengah */
/* Gaya untuk Tanda 'X' */
color: white;
font-size: 18px; /* Ukuran 'X' */
font-weight: bold;
line-height: 1; /* Penting untuk centering 'X' */
cursor: pointer;
border: none;
padding: 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Sedikit bayangan untuk tombol */
pointer-events: auto; /* Memungkinkan interaksi pada tombol, meskipun induknya `pointer-events: none` */
}
.close-button:hover {
background-color: #888; /* Perubahan warna saat hover */
}
/* CSS untuk menyembunyikan footer (atau dalam kasus ini, tombolnya) */
.hidden-footer {
opacity: 0;
pointer-events: none;
}
This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
Strictly Necessary Cookies
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.