Hareket Sistemi
Animasyon Kutuphanesi
Hizlar, yumusatmalar, hover efektleri, kaydirma gorunumleri, yukleyiciler, veri animasyonlari ve daha fazlasi. Tumune etkilesimli.
40+ Demo
8 Kategori
Tumune Etkilesimli
CSS + React
Hiz Secenekleri
5Hizli mikro-etkilesimlerden kasitli gecislere kadar bes sure on ayari.
Sure Olcegi. Onizleme icin tiklayin
Cok Hizli100ms
ease-outHizli200ms
ease-outNormal300ms
ease-in-outYavas400ms
ease-in-outCok Yavas500ms
yay sekmeAnimasyonu o hizda baslatmak icin herhangi bir satira tiklayin.
Yumusatma Fonksiyonlari
4Hareket hissinin tum araligini kapsayan dort temel yumusatma egrisi.
Yumusatma Egrileri. Animasyon icin tiklayin
Ease Out
Hizli baslar, yavas durur. Ekrana giren elemanlar icin idealdir.
cubic-bezier(0,0,0.2,1)Ease In-Out
Yumusak hizlanma ve yavaslanma. Konumlandirma icin harika.
cubic-bezier(0.4,0,0.2,1)Ease In
Yavas baslar, hizli biter. Ekrandan cikan elemanlar icin kullanin.
cubic-bezier(0.4,0,1,1)Linear
Sabit hiz. Donguler, spinnerlar ve ilerleme cubuklari icin ideal.
linearHover Efektleri
6Alti interaktif hover deseni: olcekleme, kaldirma, yakinlastirma, alt cizgi, dondurme, solma.
Olcekleme + Parlama
transform: scale(1.06)Kart Kaldirma + Golge
Bu kartin uzerine gelin
translateY(-6px) + derin golge
transform: translateY(-6px)Gorsel Yakinlastirma
transform: scale(1.1)Link Alt Cizgi Gorunumu
DokumantasyonDegisiklik GunluguBilesenler
width: 0 → 100% underlineIkon Dondurme
transform: rotate(20deg)Saydamlik Solmasi
40%
60%
80%
100%
opacity: 0.4 → 1Kaydirma Gorunumu
4Gorunum alanina girdiklerinde animasyonla beliren elemanlar.
Kesisim Tetiklemeli Gorunum
Alttan Belirme
translateY(32px)Soldan Belirme
translateX(-32px)Sagdan Belirme
translateX(32px)Buyuterek Belirme
scale(0.85)Yukleme Durumlari
5Bes yukleme deseni: dondurucu, iskelet, ilerleme, parlama ve nokta nabzi.
Dairesel Dondurucu
Iskelet Yukleyici
Ilerleme Cubugu
Yukleniyor...0%
Isleniyor78%
Parlayan Yazi
Icerik yukleniyor...
Lutfen bir an bekleyin
Verileriniz getiriliyor
Nokta Nabiz Yukleyici
Veri Animasyonlari
4Panolar icin animasyonlu sayaclar, cubuklar, halkalar ve spark cizgileri.
Yukari Sayan Sayi
$0
Toplam Gelir
Grafik Cubuk Cizimi
Oca
Sub
Mar
Nis
May
Haz
Halka Grafik Dolumu
Tamamlanma
Hedef: 75%
Spark Cizgi Cizimi
Bilesen Animasyonlari
5Gercekci hareket iceren bes interaktif bilesen deseni.
Akordeon Ac / Kapat
Modal Belirme
Cekmece Kayma
Bildirim Kayma + Kapatma
Acilir Menu Genisleme
Ozel Efektler
4Premium arayuz hissi icin surekli calisan dort ortam efekti.
CTA Nabiz Parlama
box-shadow pulse, 2s loopLogo Kayan Yazi
translateX loop, 12sKen Burns Yakinlastirma
scale + translate, 8sGradyan Kaymasi
Animasyonlu Gradyan
background-position, 4s