20 روافع متحركة المتحركة والمغازل

يتزايد اتصال الإنترنت بشكل سريع ، ولكن من وقت لآخر لا تزال هناك بعض اللحظات التي نحتاجها لانتظار تحميل صفحة ويب. يبذل المصممون قصارى جهدهم لجعل وقت الانتظار ممتعًا وغير مؤلم مختلف اللوادر المتحركة الإبداعية.

تظهر لك اللوادر أن العملية جارية. ولكن للتأكد من أنك لن تختفي قبل اكتمال العملية ، يكمن السر في اللوادر الرائعة في الانتباه إلى التفاصيل والرسوم المتحركة مثيرة للاهتمام. ستجد أدناه 20 أداة إنشاء رائعة يمكنك تنزيلها واستخدامها على موقع الويب الخاص بك أو المشروع.

CSS loader بواسطة @ CKH4

انظر مُحمل Pen css بواسطة Connor (@ CKH4) على CodePen.

قوس قزح لودر من قبل jackrugile

انظر القلم قوس قزح لودر من قبل جاك Rugile (@ jackrugile) على CodePen.

إعادة توجيه Loader بواسطةmr_alien

راجع محمل إعادة توجيه القلم بواسطة Mr Alien (mr_alien) على CodePen.

Loader CSS بواسطةmattiabericchia

انظر Pen Loader CSS بواسطة Mattia Bericchia (mattiabericchia) على CodePen.

ضوء محمل بواسطة jackrugile

انظر القلم Light Loader بواسطة Jack Rugile (@ jackrugile) على CodePen.

CSS3 Infinite Loader بواسطة @ jonathansilva

شاهد القلم CSS3 Infinite Loader لجوناثان سيلفا (@ jonathansilva) على CodePen.

المغلق الدرج محمل بواسطةispal

راجع Pen CSS Stairs Loader بواسطة Irko Palenius (ispal) على CodePen.

CSS Loader بواسطةcode_dependant

انظر Pen CSS Loader by Che (code_dependant) على CodePen.

محمل بواسطة @ majci23

رؤية القلم اللودر بواسطة MaroÃ… ¡ Horniak (@ majci23) على CodePen.

محمل روبيك بواسطةFilipVitas

شاهد محمل Pen Rubik بواسطة Filip Vitas (FilipVitas) على CodePen.

CSS3 Loader Animation & ndash Peeek بواسطةrss

راجع الرسوم المتحركة لـ Pen CSS3 Loader - Peeek by Rà ؟؟  a za Selà ؟؟ §المملكة المتحدة Saydam (@ rss) على CodePen.

Pure Css Loader & ndash Square بواسطةdghez

شاهد The Pen Pure Css Loader - Square لروبرت بورغيزي (@ dghez) على CodePen.

كوكتيل محمل بواسطة @ MarcMalignan

شاهد Pen Cocktail Loader بواسطة Marc Malignan (MarcMalignan) على CodePen.

Loader a Day (اليوم 2) بواسطةTheDutchCoder

شاهد أداة تحميل القلم في اليوم (اليوم الثاني) من تصميم Reinier Kaper (TheDutchCoder) على CodePen.

مضلع محمل بواسطةdan_reid

راجع مُضلع القلم المضلع بواسطة دانيال ريد (dan_reid) على CodePen.

رمز اللودر في CSS بواسطةdepy

راجع أداة تحميل رمز القلم في CSS بواسطة Deepak Kamat (depy) على CodePen.

عنصر واحد أربعة محمل اللون بواسطة ttoik

شاهد مُحمل الألوان الأربعة Pen Pen من One Tiffany Stoik (tstoik) على CodePen.

Loader # 1 بواسطةsamueljweb

راجع أداة تحميل القلم رقم 1 من Sam Lillicrap (samueljweb) على CodePen.

دعونا تحميل الاشياء عن طريق @ tomchewitt

راجع القلم لنحمل الأشياء بواسطة Tom Hewitt (@ Tomchewitt) على CodePen.

آخر تحميل الرسوم المتحركة بواسطة @ redouglas

شاهد الرسوم المتحركة الأخرى التي يتم تحميلها بواسطة Robert Douglas (redouglas) على CodePen.