تأثير مربعات الإدخال مشابه لجوجل كروم input text effects

كتب يوم : 1 نوفمبر 2011 - تصنيف : حيل وأفكار css - مشاهدات 124

كثيراً من الأصدقاء يسأل كيف نقوم بعمل تأثير جوجل كروم على مربعات إدخال النصوص مثل المثال بالأعلى الحل في منتهى البساطة …..باستخدام ال css كل ما عليك فعله هو الذهابإلى ملف الإستايل الخاص بك ولنفترض أنه style.css أكتب في السطر الأخير الكود التالي أو قم نسخه ولصقه :

الموضوع بسيط ومش محتاج كلام اكتر من كده …… طبعاً لازم يكون عندك خلفية مسبقة ولو بسيطة بلغة ال css علشان تقدر تعمل التعديلات على الكود اللي تتماشى مع شكل مدونتك أو موقعك لمشاهدة التطبيق : أضغط هنا

وسوم :

CSS html تأثير
  • جزاك الله الخير اخي حسن 🙂

    تاثير رائع جدا وخفيف وسهل ..

    • حياك الله أخي الفاضل … شكراً على المرور 🙂

  • جربتها
    وفعلا مذهلة
    نحتاج مثل هذه المواضيع التعليمية
    شكرا

    • جزاك الله خيراً أخي الفاضل 🙂

  • فعلاً تأثير جيد جداً جزاك الله خيراً