Tidak hanya ada satu properti CSS yang Anda raih saat menyembunyikan dan menampilkan sesuatu di CSS. Ada banyak pertimbangan yang akan kita bahas di video ini.
Misalnya, ada displayproperti yang display: none;sangat efektif dalam menyembunyikan sesuatu. Tapi itu akan menyembunyikan elemen itu dari teknologi pendukung juga, dan Anda tidak selalu menginginkannya, seperti menu navigasi dropdown (dropdown secara visual disembunyikan tetapi tidak boleh disembunyikan dari teknologi pendukung).
Dan displayjuga tidak dapat dialihkan, jadi jika Anda ingin memudarkan / memudarkan elemen itu dengan transition, itu keluar. Kecuali jika Anda melibatkan JavaScript untuk menerapkan properti itu hanya setelah transisi terjadi.
Apa yang bisa dialihkan? opacityadalah, dan ternyata visibilityjuga. Kombinasi ini cukup berguna bersama-sama, karena setelah elemen memilikinya, visibility: hidden;itu tidak mengganggu acara seperti klik / ketukan. Namun, kombinasi ini tidak mengeluarkan elemen dari aliran halaman, yang bisa berguna atau tidak. The positionproperti mungkin berguna dalam situasi seperti itu.
Lihat! Begitu banyak yang harus dipikirkan!