مرحبًا! 🚀 يسعدنا الترحيب بك في موقعك سوفت بيديا... يمكنك إستخدام القوائم العامة بالأعلى للإنتقال إلى مختلف الأقسام الفرعية لها بالموقع، وللوصول السريع أو للبحث السريع إستخدم زر البحث بالأعلى أو البحث الصوتي أسفل المقالات، ولاتنسى مشاركة المقالات مع أصدقائك...
+
آخر الأخبار

صور التحميل المتحركة / Animated download images

Dili yacin Dili yacin

Animated download images for adding to Blogger or any platform
صور التحميل المتحركة لإظافتها ببلوجر أو أي منصة









الصورة (6) Image

Animated download images




إن أردت تأثيرات تحميل متقدمة باستخدام ال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);
    }
    } 

ونتيجة هذا المثال كانت هكذا:



القسم>
مشاركة [line tumblr t] إظافة [+] إبلاغ [f]
Dili yacin
Dili yacin
مواضيع ذات صلة قد تهمك: