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.