- Uyumlu XF 2 Sürümleri
- 2.2.X
- 2.0.X
- 2.1.X
- Diğer versiyonlar
- 1
Animate.css | A cross-browser library of CSS animations. web sitesine gittiğinizde aşağı doğru inip, size vereceği kodun resmi aşağıda
Page_container kısmınadaki meta tagları kısmına eklemeniz gerekmektedir.
Yukardaki kodu eklediğinizde belki temaya göre değişiklik gösterip hata olabilir. Bunun yanı sıra header'e css kodunu okutabilirsiniz.
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" type="text/css" rel="stylesheet"/>
Kodu ekledikten sonra, Üye gruplarına girip, düzenleyeceğiniz üye grubunu açtıktan sonra css bölümüne aşağıdaki görüldüğü gibi kodu yapıştırın.
işaretlediğim kısmı eklemeniz gerek.
Sonrasında Animate.css | A cross-browser library of CSS animations. web sitesindeki sağ sekmedeki bulunan animasyon classları ile yukardaki "bounce"yazan yeri değiştirmeniz yeterli olacaktır.
Örnek: Verecek olursak
animation: bounce; /* referring directly to the animation's @keyframe declaration */
animation: shakeX; /* referring directly to the animation's @keyframe declaration */
Aşağıdaki isimleri değiştirebilirsiniz.
bounce - flash - pulse - rubberBand - shakeX - shakeY - headShake
swing - tada- wobble - jello - heartBeat - backInDown - backInLeft
backInRight - backInUp