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