CSS - Animasyon
Animasyon
Animation Hareket efektleri oluşturma ve görünümü değiştirme işlemidir. CSS, olay hareketini değiştirmek için farklı animasyon efektlerini destekler.
Aşağıdaki tablo CSS'de kullanabileceğiniz tüm efektleri listelemektedir -
Sr.No. | Yöntem ve Açıklama |
---|---|
1 | Sıçrama
Sıçrama Animasyon efekti, öğeyi vurduktan sonra hızlı bir şekilde yukarı, geri veya bir yüzeyden uzağa hareket ettirmek için kullanılır. |
2 | İçeri Sıçrama
Sıçrama Animasyon efekti, öğeyi vurduktan sonra hızlı bir şekilde yukarı, geri veya bir yüzeyden uzağa hareket ettirmek için kullanılır. |
3 | Aşağı Sıçrama
Sıçrama Animasyon efekti, öğeyi vurduktan sonra hızlı bir şekilde yukarı, geri veya bir yüzeyden uzağa hareket ettirmek için kullanılır. |
4 | Sola Sıçrama
Sıçrama Animasyon efekti, öğeyi vurduktan sonra hızlı bir şekilde yukarı, geri veya bir yüzeyden uzağa hareket ettirmek için kullanılır. |
5 | Sağa Sıçrama
Sıçrama Animasyon efekti, öğeyi vurduktan sonra hızlı bir şekilde yukarı, geri veya bir yüzeyden uzağa hareket ettirmek için kullanılır. |
6 | Sıçrama
Sıçrama Animasyon efekti, öğeyi vurduktan sonra hızlı bir şekilde yukarı, geri veya bir yüzeyden uzağa hareket ettirmek için kullanılır. |
7 | Aşağı Sıçrama
Sıçrama Animasyon efekti, öğeyi vurduktan sonra hızlı bir şekilde yukarı, geri veya bir yüzeyden uzağa hareket ettirmek için kullanılır. |
8 | Yukarı Sıçrama
Sıçrama Animasyon efekti, vurduktan sonra öğeyi hızlıca yukarı, geri veya bir yüzeyden uzaklaştırmak için kullanılır. |
9 | Sola Sıçrama
Sıçrama Animasyon efekti, öğeyi vurduktan sonra hızlı bir şekilde yukarı, geri veya bir yüzeyden uzağa hareket ettirmek için kullanılır. |
10 | Sağa Sıçrama
Sıçrama Animasyon efekti, vurduktan sonra öğeyi hızlıca yukarı, geri veya bir yüzeyden uzaklaştırmak için kullanılır. |
11 | Yukarı Sıçrama
Sıçrama Animasyon efekti, öğeyi vurduktan sonra hızlı bir şekilde yukarı, geri veya bir yüzeyden uzağa hareket ettirmek için kullanılır. |
12 | Fade Down Big
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
13 | Fade In
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
14 | Fade In Down
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
15 | Sola Dön
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
16 | Sol Büyük Sola
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
17 | Sağa Dön
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
18 | Sağ Büyük Fade
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
19 | Fade in Up
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
20 | Fade In Up Big
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
21 | Fade Out
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
22 | Fade Out Down
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
23 | Sola Dön
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
24 | Sol Büyük Sola
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
25 | Sağa Karart
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
26 | Sağ Büyük Fade Out
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
27 | Fade Out Up
Görüntü yavaş yavaş görünüp kaybolur ya da başka bir çekimde birleşir. |
28 | Fade Out UP Büyük
Görüntü kademeli olarak görünüp kaybolur veya görünmez veya başka bir çekimle birleşir |
29 | Flaş
Bir elementin ani ve kısa süreli parlak ışık patlaması. |
30 | Çevir
Bir Eleman ani ve hızlı bir hareketle ters dönebilir veya dönmesine neden olabilir. |
31 | X Çevir
Bir Eleman ani ve hızlı bir hareketle ters dönebilir veya dönmesine neden olabilir. |
32 | Y Çevir
Bir Eleman ani ve hızlı bir hareketle ters dönebilir veya dönmesine neden olabilir. |
33 | Çevir X
Bir Eleman ani ve hızlı bir hareketle ters dönebilir veya dönmesine neden olabilir. |
34 | Y çevirin
Bir Eleman ani ve hızlı bir hareketle ters dönebilir veya dönmesine neden olabilir. |
35 | Menteşe
Bir Eleman ani ve hızlı bir hareketle ters dönebilir veya dönmesine neden olabilir. |
36 | Işık Hızı
Işık veya aydınlatmayı elemente hızlı bir şekilde sağlayacaktır. |
37 | Işık Hızı Çıkışı
Işık veya aydınlatmayı elemente hızlı bir şekilde sağlayacaktır. |
38 | Nabız
Bir elemana tek bir titreşim veya kısa çaplar sağlar. |
39 | Yuvarlan
Bir Eleman, bir eksen üzerinde ters dönerek belirli bir yönde hareket edebilir. |
40 | Açarak yaymak
Bir Eleman, bir eksen üzerinde ters dönerek belirli bir yönde hareket edebilir. |
41 | Sol Aşağı Döndür
Bir Eleman, bir eksen üzerinde ters dönerek belirli bir yönde hareket edebilir. |
42 | Döndür
Bir Eleman, bir eksen üzerinde ters dönerek belirli bir yönde hareket edebilir. |
43 | Aşağı Sağa Döndür
Bir Eleman, bir eksen üzerinde ters dönerek belirli bir yönde hareket edebilir. |
44 | Yalpalama
Bir elemanın ya da sebebin bir yandan diğer yana dengesiz hareket etmesini sağlar. |
45 | Sola Döndür
Bir eksen veya merkez etrafında bir daire içinde hareket etmesini veya hareket etmesini sağlar. |
46 | Sağa Döndür
Bir eksen veya merkez etrafında bir daire içinde hareket etmesini veya hareket etmesini sağlar. |
47 | Winggle
Küçük hızlı hareketlerle yukarı aşağı veya bir yandan diğer yana hareket etmesini veya hareket etmesini sağlar. |
48 | Döndür
Bir eksen veya merkez etrafında bir daire içinde hareket etmesini veya hareket etmesini sağlar. |
49 | Sol Aşağı Döndür
Bir eksen veya merkez etrafında bir daire içinde hareket etmesini veya hareket etmesini sağlar. |
50 | Sağa Aşağı Döndür
Bir eksen veya merkez etrafında bir daire içinde hareket etmesini veya hareket etmesini sağlar. |
51 | Sol Yukarı Döndür
Bir eksen veya merkez etrafında bir daire içinde hareket etmesini veya hareket etmesini sağlar. |
52 | Sağa Döndür
Bir eksen veya merkez etrafında bir daire içinde hareket etmesini veya hareket etmesini sağlar. |
53 | Sallamak
Bir elemanın (bir nesnenin) yukarı aşağı veya bir yandan diğer yana hareket etmesini sağlar. |
54 | Salıncak
Askı halindeyken veya bir eksende bir elemana doğru hareket veya ileri geri veya bir yandan diğer yana hareket etmesini sağlar. |
55 | Tada
Bir elemanın bir yandan diğer yana hareket etmesini sağlar. |