تمكنت الرسوم المتحركة Css3 من استبدال تأثيرات الرسوم المتحركة البسيطة لـ Flash، حيث تتميز الرسوم المتحركة Css3 على الأجهزة المحمولة بكفاءة عالية وسهولة في التنفيذ وتوافقية جيدة أيضًا! مكتبة الرسوم المتحركة في هذه الصفحة مستمدة من الإنترنت، وتجمع بين تأثيرات الرسوم المتحركة Css3 الشائعة الاستخدام، وتوفر 74 تأثيرًا متحركًا شائعًا. غالبًا ما نستخدم هذه الرسوم المتحركة عند إنشاء عروض تقديمية باستخدام برنامج PowerPoint! من خلال اختيار الرسوم المتحركة المقابلة، يمكنك الحصول على كود Css للرسوم المتحركة! بهذه الطريقة لن تحتاج إلى تنزيل مكتبة الرسوم المتحركة بأكملها، بل يمكنك ببساطة نسخ كود Css المقابل للتأثير المتحرك الذي تحتاجه! فقط الأجهزة التي تدعم Css3 هي التي تدعم هذه الرسوم المتحركة!
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes flash {
0%,100%,50% {
opacity: 1
}
@keyframes flash {
0%,100%,50% {
opacity: 1
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
事例代码： <div class="animated flash ">测试</div> ;flash 可以用其它动作名称代替
لقد استخدمت مؤخرًا: