نظرا للمنظور الجديد في عالم تصميم المواقع ، اصبح من المهم الاهتمام بكل التفاصيل في التصميم حتى نحافظ على النظرة الجمالية في النهاية ، لذا اتجه المصممين الى الاعتناء حتى بمؤشرات التحميل لتتواكب مع بنية التصميم ككل.
على سبيل المثال نشاهد مؤشر التحميل الاحمر اعلى الشاشة في موقع يوتيوب وكيف يتماشي مع واجهة الموقع بكل انسيابية وبساطة.
واليوم نستعرض معا عدد من الافكار الجديدة في طرق عرض مؤشر التحميل.
مثال حي التحميل
ملاحظة:
بعض المتصفحات لا تدعم التأثيرات والتحويلات (transitions or animations on pseudo-elements), لذلك بعض الامثلة لن تعمل في المتصفحات التي لا تدعم ( CSS 3D transforms (e.g. in IE9 and below)).
بعض الصور لتطبيق الامثلة:
وفي النهاية نأمل أن تجد أفكار التحميل الجديدة ملهمة لك في عملك القادم .
مثال حي التحميل
DRIVER1ksa
بارك الله فيكم
شكرا لكم على ماتقدمونه وجار التطبيق