Çalıştığım projede(vault.live{:target='_blank' title='vault.live'}) animated.css{:target='_blank' title='animate.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.

{% highlight css %} .animated { animation-duration: 1s; animation-fill-mode: both; } {% endhighlight %}

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.

{% highlight css %} .animated { animation-duration: 1s; animation-fill-mode: initial; } {% endhighlight %}

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

Sağlıcakla kalın.

Kaynak

• https://stackoverflow.com/a/39495529/296373{:target='_blank'}