Çalıştığım projede(vault.live) animated.css kütüphanesi kullanılıyor. Bir sorun ile kaşılaştık. animasyon uygulanan kutularda açılan menüler diğer kutuların altında kalıyordu.

Bir arama sonucu stackoverflow.com’da cevabını buldum.

.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

animation-fill-mode‘un forwards değeri ve bu değeri kapsayan both değerlerinin tanımlandığı durumlarda sorun oluyor. initial olarak tanımlamak sorunu giderdi.

.animated {
	animation-duration: 1s;
	animation-fill-mode: initial;
}

Benzer bir sorunla karşılaşırsanız aklınızda oldun.

Sağlıcakla kalın.

Kaynak

CSS ile yükleniyor animasyonu yapmak

CSS ile yükleniyor animasyonu yapmak Devamını oku

CSS scroll-snap

20 November 2023 tarihinde yayınlandı.

CSS ile buzlu cam efekti yapmak

13 November 2023 tarihinde yayınlandı.