Skip to main content

Animasyonlar

Sizler için önceden hazırlanmış bazı animasyonları aşağıdaki class'lar ile kullanabilirsiniz.

v5 Animasyon#

Aşağı Kaydırme Animasyonu#

Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
<div class="slide-in-down">...</div>

Yukarı Kaydırme Animasyonu#

Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
<div class="slide-in-up">...</div>

360° Dönme Animasyonu#

Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
<div class="transform-rotate">...</div>

Sonradan Gelen Animasyon#

Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
<div class="fade-in">...</div>

Kaybolan Animasyon#

Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
<div class="fade-out">...</div>