پرش به محتویات

Animated Typing

المان Animated Typing یک افکت typewriter ایجاد می‌کند که با timing و رفتار قابل سفارشی‌سازی، از میان یک لیست رشته چرخش می‌کند.

تنظیمات

  • Tag (select) — تگ HTML برای استفاده در المان. گزینه‌ها: div، h1، h2، h3، h4، h5، h6. پیش‌فرض: div.

  • Prefix (text) — متن نمایش داده‌شده قبل از رشته‌های انیمیشن. پیش‌فرض: «We ».

  • Suffix (text) — متن نمایش داده‌شده بعد از رشته‌های انیمیشن. پیش‌فرض: « for you!».

  • Strings (repeater) — لیست رشته‌هایی که چرخش می‌کنند. هر آیتم دارای یک فیلد Text است. پیش‌فرض: «design»، «code»، «launch».

تنظیمات

  • Type speed in ms (number) — سرعت تایپ هر کاراکتر. پیش‌فرض: 55.

  • Back speed in ms (number) — سرعت حذف هر کاراکتر. پیش‌فرض: 30.

  • Start delay in ms (number) — تأخیر قبل از شروع انیمیشن. پیش‌فرض: 500.

  • Back delay in ms (number) — تأخیر قبل از شروع حذف. پیش‌فرض: 500.

  • Cursor character (text) — کاراکتر مورد استفاده به‌عنوان cursor. پیش‌فرض: «|».

  • Loop (checkbox) — انیمیشن را به‌صورت نامحدود تکرار کنید. پیش‌فرض: فعال.

  • Shuffle (checkbox) — ترتیب رشته‌ها را در هر چرخش تصادفی کنید.

مرجع توسعه‌دهنده

برای JSON schema کامل به Anim. Typing Schema مراجعه کنید.