فکر کردن به روشهایی برای حل متن علمی تخیلی سه بعدی
با مجموعهها، منظم بمانید
ذخیره و دستهبندی محتوا براساس اولویتهای شما.
در چالش رابط کاربری گرافیکی امروز، @AdamArgyleInk یک چرخش #CSS را بر روی جلوه متن سه بعدی فیلم علمی تخیلی کلاسیک قرار میدهد و آن را برای پیمایش تعاملی میکند. با پشتیبانی از انیمیشنهای مرتبط با پیمایش CSS همانطور که توسط آخرین مشخصات Scroll Animations 1 مشخص شده است، مشاهده کنید که او متنی را اسکرول میکند و آن را در لبههای کهکشان، یا اوم، درگاه دید محو میکند.
فصل ها:
- 0:00 - مقدمه
- 0:29 - مقدمه
- 1:00 - زمان داستان
- 2:20 - انیمیشن اسکرول رانده شده
- 3:21 - HTML
- 4:00 - CSS
- 8:58 - اشکال زدایی
- 10:52 - خروجی
منابع:
چالشهای رابط کاربری گرافیکی بیشتر → https://goo.gle/GUIchallenges را تماشا کنید
در Google Chrome Developers → https://goo.gle/ChromeDevs مشترک شوید
arrow_back بازگشت به همه قسمت ها
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2023-04-12 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2023-04-12 بهوقت ساعت هماهنگ جهانی."],[],[]]