Animated download images for adding to Blogger or any platform
صور التحميل المتحركة لإظافتها ببلوجر أو أي منصة
الصورة (6) Image
الصورة (8) Image
الرابط
الصورة (10) Image
الصورة (12) Image
إن أردت تأثيرات تحميل متقدمة باستخدام الCSS:
يمكنك اختيار شكل من هذه المكتبة المليئة بالتأثيرات:
بعد الانتقال للرابط، إضغط فقط على الشكل الذي تريده وسيفتح لك صندوق الكود انسخ الجزء الخاص بـHTML مرة واحدة ثم كود الCSSبتأثير مختلف كل مرة كمثال:
HTML:
<span class="loader"></span>
CSS:
.loader {
width: 48px;
height: 48px;
border: 5px solid #FFF;
border-bottom-color: #FF3D00;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
ونتيجة هذا المثال كانت هكذا: