CSS'de bir şeyleri gizlerken ve gösterirken ulaştığınız tek bir CSS özelliği yoktur. Bu videoda değineceğimiz bir dizi husus var.
Örneğin, bir şeyleri saklamada çok etkili displayolan özellik var display: none;. Ancak, bu öğeyi yardımcı teknolojiden de gizleyecektir ve bunu, açılır bir gezinme menüsü gibi her zaman istemezsiniz (açılır menüler görsel olarak gizlidir, ancak yardımcı teknolojiden gizlenmemelidir).
Ve displaygeçiş yapılamaz, bu yüzden o öğeyi birlikte solmak / karartmak istiyorsanız transition, bu yok. JavaScript'i, bu özelliği yalnızca geçiş gerçekleştikten sonra uygulamaya dahil etmediğiniz sürece.
Geçiş yapılabilir nedir? opacityve çıkıyor visibility. Bu kombinasyon birlikte oldukça kullanışlıdır, çünkü bir öğe bir kez sahip visibility: hidden;olduğunda tıklama / dokunma gibi olaylara müdahale etmez. Bu combo, öğeyi sayfa akışının dışına çıkarmaz, bu yararlı olabilir veya olmayabilir. positionÖzelliği bu durumlarda faydalı olabilir.
Görmek! Düşünecek çok şey var!