اضافة حركة looding بدون استخدام صورة او java script فقط باستخدام html +css وحركة روعة

[linnou]

http://www.dzbatna.com/images/icons/icon30.gif ط§ط¶ط§ظپط© ط*ط±ظƒط© looding ط¨ط¯ظˆظ† ط§ط³طھط®ط¯ط§ظ… طµظˆط±ط© ط§ظˆ java script ظپظ‚ط· ط¨ط§ط³طھط®ط¯ط§ظ… html +css ظˆط*ط±ظƒط© ط±ظˆط¹ط© (http://www.dzbatna.com/t2039998/)





اضافة حركة looding بدون استخدام صورة او java script فقط باستخدام html +css وحركة روعة
اولاً التطبيق الاول

هذه صورة الناتج من التطبيق

http://alessioatzeni.bluxart.netdna-cdn.com/wp-content/uploads/css3-loading-animation-loop-first.gif



كود code التطبيق

عرض الكود code (http://c.engcv.com/displaycode.php?c=46)

--------------------------------------------------------------------------------------------

الشكل الثاني

وصراحة هذا روووووووعة جداً

كما في الصورة التالية

http://alessioatzeni.bluxart.netdna-cdn.com/wp-content/uploads/css3-loading-animation-loop-second.gif

كود code التطبيق




عرض الكود code (http://c.engcv.com/displaycode.php?c=47)
--------------------------------------------------------------------------------------------
الشكل الثالث والاخير

كما في الصورة التالية

http://alessioatzeni.bluxart.netdna-cdn.com/wp-content/uploads/css3-loading-animation-loop-third.gif



كود code الشكل السابق

عرض الكود code (http://c.engcv.com/displaycode.php?c=48)

وفي الاخير ارجو لكم الاستفادة
--------------------------------------------------------------------------------------------
المصدر (http://engcv.com/dep.php?do=c&lid=8&cid=78)







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©