mher90

32

7,380

درس css3 رائع : قمر متحرك يسطع مع الضوء ( تقنية css3 تمنحك القوة لعمل ما يعمله الفلاش swf وأروع )



هل تخيلت يوما ما من خلال متابعتك لتطور الـcss3 انها ستكون أشبة ما يكون بالرسوم المتحركة؟!

تعودنا على css3 انها تفاعليه عند مرور الماوس على رابط او صورة

لكن أنها تتحرك من دون ان تمر بماوسك على شيء …. هذا جداً مذهل

درسنا هذا اليوم بإستخدام الدالة animation

و سنقوم بتصوير منظر لبزوغ القمر

أي انتهاء النهار و بداية الليل حيث ستكون الخلفية مائلة للأزرق

و عند بزوغ القمر و إختفاء بريقة شيأً فشيء تتحول للأسود

بالطبع لوحة فينة إحترافية يصعب عليك تصوريها بالـcss إن لم تشاهد إمكانيات الدالة animation من قبل !

في هذا الدرس لا نحتاج الإ لملف واحد فقط لا غير هل تتصور ذلك؟!

بالعادة في مثل هذة الدورس تحتاج من 3 الى اربع ملفات

لكن انت هنا في طه سوفت مستحيل حيث لا معنى للمستحيل

نحتاج فقط لإنشاء ملف HTML و سنقوم بتضمين ملف الستايل بداخل ملف HTML

ضع الكود التالي في صفحة محرر html التي أنشأتها إدارة المنتدى لهذه المواضيع :
http://www.tahasoft.com/code.htm
لترى النتيجة بنفسك أو ضعها في ملف Html







I see a bad moon rising
I see trouble on the way



I see earthquakes and lightnin’
I see bad times today


التعليقات (2)

M.nshawaty     
رووووعة
حسن صحارى     
جميل جدا
الله عليك ياماهر
عم تتحفنا بإبداعاتك
تقبل تحياتي ومروري