السلام عليكم ورحمةالله وبركاته

موقع بالمجان يقدم لكم كل ما هو جديد فى عالم البرمجه التكويد

بسم الله الرحمن الرحيم

اليوم سوف نقوم بشرح كيفيه تصميم فورم تحتوى على انيميشن وسيكون عباره عن لمبه تضىء عندك الكتابة داخل الفورم وتطفىء عند الخروج

اولا : نقوم باستدعاء bootstrap و ادراج صوره svg للمبه التى سوف يتم عمل الانيميشن عليها واضافة style لهذه الصوره كما هو مضح فى الصور الاتيه:

ثانيا : نقوم بعمل القسم الخاص بالفورم ووضع الinputs بداخلها مثل الاسم وكلمة المرور والبريد الالكترونى كما هو موضح

ثالثا : عمل كود جى كويرى وذلك لجعل الانيميشن يتحرك وذلك باعطاء الحقول class وعند الضغط على الكلاس نقوم باستدعاء الداله الخاصة به كما هو موضح

وفى النهايه نقوم بغلق الscript و body وبذلك تجد انه عند الضغط على الحقل تنير اللمبة كما هو موضح بالفيديو الموجود على القناه الخاصه بالمجان وهى   سيرف فايف 

الكود بالكامل للتحميل

code