برای ایجاد تصاویر متحرک، نویسه ها و غیره میتوانید از کلاسهای زیر استفاده کنید.
نحوه بکار گیری
استفاده از کلاس animate و سپس یکی از کلاسهای مرتبط با آن نوع نمایش و پویا نمایی خود را انتخاب کنید.
This is sample header
Some text cames here!
<div class="animate slideInDown"><h1>This is sample header</h1></div>
شروع انیمیشن در هنگام نمایش
در برخی از قسمتهای صفحه ما از انیمیشن استفاده میکنیم، ولی میخواهیم آن وقتی که دیده میشود نمایش داده شود، لذا برای این امر، بایستی از دو کلاس animateonscroll و animateonscrollloop استفاده کنیم.
animateonscroll
اگر میخواهید فقط یک بار در اولین بازدید این انیمیشن دیده شود از این کلاس استفاده کنید.
animateonscrollloop
اگر میخواهید هر بار در زمان بازدید این انیمیشن دیده شود از این کلاس استفاده کنید.
در زیر مثال از هر دو کلاس آورده شده است برای مشاهده باید اسکرول کنید.
animateonscroll
فقط در اولین بازدید این انیمیشن را خواهید دید و با بالا و پایین رفتن دیگر تکرار نمیشود.
animateonscrollloop
هر بار که اسکرول کنید این انیمیشن را خواهید دید و برای بررسی اسکرول را بالا و پایین کنید.