أيقونات تحميل وإنتظار بحركات جميلة باستخدام CSS3

نشرت من قبل المدون العربي في

مرحبا، أيقونات التحميل قد تحتاجها الكثير من المواقع لا سيما تلك التي توفر روابط التحميل أو أثناء تحميل الصفحات الثقيلة وحتى تفتح الصفحة تظهر أيقونة التحميل كما في الأمثلة التالية.

هنا سنتناول شفرات لأيقونات مصممة بتنسيق CSS 3 و html ما عليكم سوى نقل الشفرات البعد المثال.

شرح إضافة الأيقونات:

أولا: تحميل كود html وكود css:

ثانيا: قم بإضافتهما في نفس الصفحة(الطريقة الأسهل)
ثالثا : قم بتشغيل الصفحة، كما يمكنك اختيار أيقونة واحدة فقط وذلك باقتطاع الأيقونة المناسبة لك من خلال شفرة html.

المثال المباشر لجميع الأيقونات:


جاري التحميل

جاري التحميل

انتظر لطفا

لحظات …

سيتم تحويلك

انتظر لطفا

يتم التنزيل

التصنيفات: CSSتصميمدروس

0 تعليق

اترك تعليقاً

عنصر نائب للصورة الرمزية (Avatar)

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *