الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> input[name="search"] { width: 100px; transition: transition: width ease-in-out .3s; } input[name="search"]:focus { width: 250px; } </style> </head> <body> <h2>Transition on focus</h2> <p>On focus, the transition will start.</p> <form> Search <input type="text" name="search"> </form> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود