انیمیشن و کی‌فریم (Keyframes)
CSS و طراحی ۰ بازدیدبا @keyframes مراحل یک انیمیشن CSS تعریف می‌شود؛ از حالت اولیه تا پایانی و مقاطع میانی. سپس با ویژگی animation مشخص می‌کنید مدت، تکرار و منحنی سرعت چه باشد. برای لودرها، پالس و حرکت‌های ظریف رابط کاربری عالی است.
مثال کاربردی
@keyframes pulse { 50% { transform: scale(1.08); } }
#CSS
#انیمیشن
شاید بپسندی — واژه‌های مرتبط
ترنزیشن (Transition)
CSS و طراحیترنزیشن تغییر وضعیت CSS را به‌جای پرش ناگهانی، نرم و تدریجی می‌کند؛ مثلاً تغییر رنگ دکمه د…
CSS
CSS و طراحیCSS زبان توصیف ظاهر صفحات وب است؛ رنگ، فونت، فاصله، چیدمان و انیمیشن همه با آن تعریف می‌شو…
RTL و راست‌چین‌سازی
CSS و طراحیصفت dir="rtl" روی تگ html چیدمان را راست‌به‌چپ می‌کند و ویژگی‌های منطقی CSS مثل margin-inl…
Tailwind CSS
CSS و طراحیتیلویند فریم‌ورک CSS مبتنی بر کلاس‌های کوچک آماده است؛ به‌جای نوشتن برگه استایل، کلاس‌ها ر…