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

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

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

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

وسوم :

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

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

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

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

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

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

  • rermen

    no

  • rermen

    gh

  • rermen

    mm

  • rermen

    fff

  • rermen

    ff

  • rermen

    ffffdv

  • rermen

    opfdk

  • rermen

    ffdfv

  • rermen

    qw

  • rermen

    vcr

  • rermen

    rfcd

  • rermen

    uhfkre

  • rermen

    fdvdfv

  • rermen

    eef

  • rermen

    qaz

  • rermen

    wsx

  • rermen

    cre4

  • rermen

    vfvre

  • rermen

    ervadv

  • rermen

    rerevd

  • rermen

    evfve

  • rermen

    egergr

  • rermen

    jhf

  • rermen

    erf

  • rermen

    rfr

  • rermen

    jjroef

  • rermen

    refr

  • rermen

    rre

  • rermen

    rfre

  • rermen

    ef

  • rermen

    ferf

  • rermen

    erf

  • rermen

    refre

  • rermen

    ergregg

  • rermen

    regrg

  • rermen

    egrglgrg,r

  • rermen

    porigrgg

  • rermen

    rgegp’erg’er;

  • rermen

    oenrel

  • rermen

    ;leeoer;

  • rermen

    ep[we;leg

  • rermen

    epojgeprg

  • rermen

    pwojgerpog

  • rermen

    opejerg

  • rermen

    egpooegj

  • rermen

    reopgjler

  • rermen

    nei;gerg

  • rermen

    eopgr;

  • rermen

    erjropg;

  • rermen

    irejrlrm

  • rermen

    relrkmrm

  • rermen

    gjkrgn,mr

  • rermen

    plko

  • rermen

    rregg

  • rermen

    rgerg

  • rermen

    rgeg

  • rermen

    rgre

  • rermen

    ergr

  • rermen

    rgrg

  • rermen

    greeq

  • rermen

    regrere

  • rermen

    rgreg

  • rermen

    ergerg

  • rermen

    regrg

  • rermen

    rrrr

  • rermen

    gege

  • rermen

    ggerg

  • rermen

    regger

  • rermen

    eggre

  • rermen

    egergr

  • rermen

    eggeg

  • rermen

    egrgegre

  • rermen

    egegeg

  • rermen

    egeg

  • rermen

    egegeg

  • rermen

    eggrg

  • rermen

    ergeg

  • rermen

    egegeeg

  • rermen

    gegeeq

  • rermen

    egrrgr

  • rermen

    egeger

  • rermen

    egegreg

  • rermen

    ergrgrgr

  • rermen

    egggereq

  • rermen

    ytytyj

  • rermen

    tytjtbnv

  • rermen

    vnvnnv

  • rermen

    yththth

  • rermen

    ythyethyt

  • rermen

    yhytht

  • rermen

    ththet

  • rermen

    erretyyyh

  • rermen

    rytty

  • rermen

    yyhy

  • rermen

    iiktk

  • rermen

    ikukiu

  • rermen

    iktuku

  • rermen

    uikuk

  • rermen

    ikololl

  • rermen

    oliliolilil

  • rermen

    lioliolilil

  • rermen

    itutgrert

  • rermen

    ikujyhtgrfed