- Uyumlu XF 2 Sürümleri
- 2.2.X
- 2.0.X
- 2.1.X
- Diğer versiyonlar
- 1
Css Konusunda bilgisi olan arkadaşlar daha rahat yapacaklardır. Eğer ki bilmeyen kullanıcılar için,
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.
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
Aşağıdaki isimleri değiştirebilirsiniz.
bounce - flash - pulse - rubberBand - shakeX - shakeY - headShake
swing - tada- wobble - jello - heartBeat - backInDown - backInLeft
backInRight - backInUp
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.
HTML:
<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
HTML:
animation: bounce; /* referring directly to the animation's @keyframe declaration */
HTML:
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