تعامل های ظریف با transition

با ماوس و کلید Tab رفتار پیوندها را مقایسه کنید. تمام محتوا از ابتدا قابل مشاهده است.

حرکت محدود کارت

کارت با هاور ماوس یا فوکوس لینک داخل آن کمی بالا می رود.

مشاهده راهنما

تغییر رنگ پیوند

رنگ دکمه به آرامی تغییر می کند؛ کادر فوکوس فوری ظاهر می شود.

رفتن به تمرین

راهنمای آزمایش

ماوس را روی کارت ببرید و بردارید. سپس با Tab لینک های داخل کارت را انتخاب کنید. در ابزار توسعه ترجیح کاهش حرکت را فعال کنید؛ حرکت باید حذف شود.

تمرین مستقل

برای پیوند زیر تغییر رنگ 200ms بنویسید. فوکوس و حالت هاور از قبل تعریف شده اند.

پیوند تمرین