به پایان فصل هجدهم رسیدیم. تو این فصل با چهار رکن اصلی Transition (property، duration، timing-function، delay)، شورتهند transition، توابع منحنی سرعت (cubic-bezier و steps)، و در نهایت اصول طراحی Transitionهای حرفهای آشنا شدیم. حالا وقتشه با ۵ سؤال، میزان تسلطتون رو بسنجیم.
CSS / Transitions
آزمون پایان فصل: Transitions
تمرینها
تمرین 1
چرا، حتی با تعریف صریح transition-property: background-color، ممکن است هیچ انتقال قابلمشاهدهای اتفاق نیفتد؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 2
در transition: opacity 0.3s 0.1s;، مرورگر دو مقدار زمانی را چگونه تفسیر میکند؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 3
تفاوت اصلی بین cubic-bezier() و steps() در چیست؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 4
چرا Transition گرفتن مستقیم روی یک Property با مقدار height: auto، معمولاً بهدرستی کار نمیکند؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 5
چرا در طراحی Transition، معمولاً استفاده از transform و opacity به Propertyهایی مثل margin یا width ترجیح داده میشود؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.