فکر کردن به روش‌هایی برای حل متن علمی تخیلی سه بعدی

در چالش رابط کاربری گرافیکی امروز، @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 مشترک شوید

بازگشت به همه قسمت ها