۶۳ انیمیشن
انیمیشنها
همه با CSS و React ساخته شدن و به هیچ کتابخانهی اضافهای نیاز ندارن. جهتشون با فارسی هماهنگه و اگر کاربر «کاهش حرکت» را فعال کرده باشه، خودشون خاموش میشن.
حاشیهی نورانی
border-beamپرتو نوری که دور کارت میچرخه.
پلن حرفهای
همهی کامپوننتها، تمها و قالبها
فهرست متحرک
animated-listآیتمهایی که یکییکی از راست وارد میشن، مناسب اعلانها.
- پرداخت تأیید شدهمین حالا
- سفارش جدید #۱۴۰۵۳۲ دقیقه پیش
- پیام از مریم احمدی۵ دقیقه پیش
کارت سهبعدی
tilt-cardکارتی که با حرکت ماوس کج میشه.
کارت بانکی•••• •••• •••• ۴۸۲۱
سارا محمدی · ۰۸/۰۷
نقاط بارگذاری
loading-dotsسه نقطهی ضرباندار برای انتظارهای کوتاه.
در حال دریافت پاسخنوار متحرک
marqueeنوار متحرک با حرکت پیوسته از چپ به راست، در جهت طبیعی فارسی.
راستچینتقویم شمسیارقام فارسیتومانIRANSansVazirmatnMCPTailwindظهور هنگام اسکرول
revealبخشهایی که وقتی وارد دید میشن بالا میآن، فقط یک بار.
راستچین از پایهارقام فارسیتوکنهای تمچرخش کلمه
word-rotateیک جای جمله که بین چند کلمه میچرخه و هر کلمه با تاری نرم بالا میآد.
برای توسعهدهنده ساخته شده
شمارهانداز
odometerهر رقم مثل کنتور مکانیکی به مقدار جدید میغلته، مناسب قیمتهای زنده.
۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹٬۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹٬۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹تومانکارت نورانی
spotlight-cardهالهی نرمی که دنبال ماوس روی کارت حرکت میکنه و حاشیه را روشن میکنه.
پلن حرفهای
ماوس را روی کارت بچرخانید
هایلایت متن
highlight-textخط ماژیکی که وقتی عبارت وارد دید شد، از راست زیرش کشیده میشه.
قیمتها ساده و شفاف هستند
کارت برگردان
flip-cardکارتی که با هاور یا کلیک دور محور عمودی میچرخه و پشتش را نشان میده.
پلن حرفهایبرای دیدن قیمت، ماوس را روی کارت ببرید۲۹۰٬۰۰۰ تومان / ماههمهی کامپوننتها و قالبهاپشتهی کارت
card-stackکارتهایی روی هم که هر چند ثانیه کارت جلویی به ته صف میره، مناسب نظرات مشتری.
«مهاجرت یک بعدازظهر طول کشید و تقویم شمسی از روز اول درست بود.»
ممریم احمدی
مدیر محصول
کارت خراشیدنی
scratch-cardروکشی که با انگشت یا ماوس میخراشید تا کد تخفیف زیرش پیدا بشه و وقتی نصفش رفت، خودش پاک میشه.
کد تخفیف نوروزی
NOWRUZ40
۴۰٪ تخفیف
پیشرفت خواندن
scroll-progressنوار باریکی بالای صفحه که با اسکرول از راست پر میشه، برای مقاله و مستندات.
برای دیدن نوار، این جعبه را اسکرول کنید.
بند ۱: متن نمونه برای پر کردن جعبه. تا پایین که برسید نوار بالای جعبه کامل میشود و از راست پر شده است.
بند ۲: متن نمونه برای پر کردن جعبه. تا پایین که برسید نوار بالای جعبه کامل میشود و از راست پر شده است.
بند ۳: متن نمونه برای پر کردن جعبه. تا پایین که برسید نوار بالای جعبه کامل میشود و از راست پر شده است.
بند ۴: متن نمونه برای پر کردن جعبه. تا پایین که برسید نوار بالای جعبه کامل میشود و از راست پر شده است.
بند ۵: متن نمونه برای پر کردن جعبه. تا پایین که برسید نوار بالای جعبه کامل میشود و از راست پر شده است.
بند ۶: متن نمونه برای پر کردن جعبه. تا پایین که برسید نوار بالای جعبه کامل میشود و از راست پر شده است.
نشانگر سفارشی
cursor-followنشانگر و برچسبی که داخل یک ناحیه جای نشانگر سیستم را میگیرن، مناسب پیشنمایش محصول.
ماوس را روی این ناحیه بیاورید
چرخ عدد
number-wheelحلقهی عمودی اعداد فارسی که تا مقدار هدف میچرخه و ستارهاش پر میشه.
۲٬۰۰۰۲٬۱۰۰۲٬۲۰۰۲٬۳۰۰۲٬۴۰۰۲٬۵۰۰۲٬۶۰۰۲٬۷۰۰۲٬۸۰۰ظهور پنل
panel-revealپنلی که با کمی تاری سر جاش سُر میخوره؛ در فارسی از سمت راست میآد و وقتی بستهست از دسترس کیبورد هم خارجه.
فیلترها
ارزانترینپرفروشموجودتخفیفدارجریان استدلال
reasoning-streamکارتی که استدلال عامل را پخش میکنه: متن هر بار دو خط بالا میره، مکث میکنه و بدون پرش دوباره از اول شروع میشه. با هاور میایسته.
اول فایل تنظیمات را میخوانم تا ببینم مسیر خروجی کجاست.
به نظر میرسد مسیر نسبی است و از ریشهی پروژه حساب نمیشود.
پس باید قبل از ساخت، مسیر را با ریشه ترکیب کنم.
تستها را اجرا میکنم تا مطمئن شوم چیزی نشکسته.
همهی تستها سبز شدند؛ تغییر را خلاصه میکنم.
پشتهی اعلان
banner-stackاعلانها مثل یک دسته کارت روی هم میشینن: تازهترین با کمی تاری بالا میآد، قدیمیها کوچکتر و کمرنگتر عقب میرن و با هاور همه باز میشن تا خوانده بشن.
پرداخت انجام شد
۲٬۴۸۰٬۰۰۰ تومان از کارت شما کم شد.