التفكير في طرق لحل نص خيال علمي ثلاثي الأبعاد

في تحدّي واجهة المستخدم التصويرية اليوم، يضيف @AdamArgyleInk #CSS إلى تأثير نصّي كلاسيكي لأفلام الخيال العلمي من خلال جعله تفاعليًا أثناء التنقّل. تدعم هذه الحركة الرسوم المتحركة المرتبطة بالتمرير في CSS كما هو محدَّد في أحدث مواصفات Scroll Animations 1، ويمكنك مشاهدة هذا الفيديو أثناء تمرير بعض النصوص وجعله يختفي في حواف المجرّة، أو um، إطار العرض.

الفصول:

  • 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

الرجوع إلى كل الحلقات