InternetWeb Design

Property CSS "transparency" - sa usa ka yano nga paagi aron sa paghimo sa site nga mas makapaikag design

Karon, ang paglalang sa disenyo website mahimong usa ka matang sa arte. Kini mao ang dili lamang sa usa ka hugpong sa mga elemento sa usa ka kolor ug pahina gidak-on, sa tulonghaan sa lain-laing mga estilo ug thematic mga dibuho. Aron sa paghimo sa inyong site sa lain-laing gikan sa uban, aron sa pagdani sa mga bisita 'pagtagad ug pagtultol kini sa pipila ka mga elemento, gigamit sa usa ka dako nga gidaghanon sa mga pamaagi ug mga himan. Lakip kanila adunay usa ka popular kaayo nga kabtangan CSS - transparency. Kini nga paagi mao na fashionable ug madanihon, ug busa gigamit kanunay. Transparency makahatag sa lain-laing mga panid butang sa site - text block o sa bug-os nga hulagway, alang sa panig-ingnan. Kini usab nga nakab-ot sa lain-laing mga paagi. Atong susihon sila sa ubos.

Lantugi hingalan sa mga elemento sa transparency

Lantugi sa pagkontrolar sa transparency sa mga elemento sa pipila. Sila gigamit depende sa piho nga mga tumong, ingon man ang mga browser, nga mao ang sa ilalum sa mga "adjust" design. Kini naglakip sa mosunod nga mga kabtangan:

  • opacity;
  • filter;
  • PNG-larawan ingon nga usa ka background.

Property bili CSS "transparency" nausab ingon sa mosunod: ang mas taas ang gidaghanon, ang sa ubos nga ang-ang sa transparency sa mga elemento. opacity Ang, kini magkalahi gikan sa 0 ngadto sa 1, sa filter - gikan sa 10 ngadto sa 100. Ug sa ulahing gigamit alang sa Interet Explorer browser, ug sa tanan nga uban pang mga magamit opacity kabtangan.

Transparency Image (pag-usab sa)

ni magsugod uban sa mga kapilian nga makita transparent sa diha nga mobalhin kaninyo sa butang Himoa nga pinaagi sa pagguyod sa mouse.

Atong hisgotan kon sa unsang paagi sa pag-hingalan sa transparency sa larawan. nagtanyag CSS duha ka mga kapilian. Sa pagbuhat niini, kamo kinahanglan gayud nga magparehistro kini direkta sa code html-dokumento sama sa mosunod:

    1. Hingalan sa dalan ngadto sa larawan.
    2. nagpaila kita sa lantugi sa transparency sa diha nga ang cursor dili. Sa pagbuhat niini, sa paggamit sa atong mga kabtangan sa onmouseover ug onmouseout, diin nahisulat ang mga bili sa opacity, ug filter.

    Ang sama nga mga kinaiya mahimong gimando sa CSS-dokumento ug ang source code aron sa pagdugang sa usa ka paghisgot sa niini. Ang mga resulta sa pagpabalik gikan sa sa mao usab nga.

    Transparency sa teksto ug panid bloke

    Sama sa alang sa teksto o block (transparent div), CSS nagtanyag sa iyang kapilian, susama sa paghimo sa usa ka transparent nga larawan, ikaw sa paggamit sa mga konektado CSS-file, sa diin ang mga gitinguha-lantugi gipahimutang. mahimo kamo ug usa ka simple nga paagi. Sa diha nga ikaw sa mga estilo block div estilo o text p prescribe sa mosunod nga html-code sa onmouseover ug onmouseout elemento. Ang duha mga kapilian sa pagtrabaho ug og sa gitinguha nga resulta.

    transparency kanunay

    Sa pipila ka mga kaso, ang transparency sa usa ka butang, sa usa ka design elemento o text nga imong gusto aron ibutang sa usa ka padayon nga basehan. Sa niini nga kahimtang, ang solusyon mao ang bisan pa sa simple pa kay sa diha nga hover kaninyo sa mouse cursor.

    CSS elemento alang sa transparency nga gihatag sa mosunod nga code. Sa block div estilo prescribe mga hiyas alang sa background (pananglitan, # ff8800), opacity (pananglitan, 0,5) ug ang gilapdon (gilapdon) ug padding (padding).

    Kay ang larawan mithi sa code naghimo ug opacity filter, ug hingalan sa dalan ngadto sa larawan.

    RGBA-nga pamaagi

    Adunay uban nga mga kapilian alang sa paggamit niini nga kabtangan CSS: transparency mahimong apply sa base kolor sa bisan unsa nga disenyo nga elemento. Kini naggamit sa RGBA pamaagi. Ang unang tulo ka mga sulat pagbarug alang sa nag-unang mga kolor (mapula, fission, ug sa azul), ug sa katapusan - alpha, nga nagtakda sa ang-ang sa transparency. Pinaagi sa paggamit sa RGBA-format gipatuman ang transparency, nagtudlo niini ngadto sa katapusan nga digit. Pananglitan, sama sa: background: rgba (240,2,33,0.4035).

    konklusyon

    Busa, pinaagi sa paggamit sa sa dagan sa trabaho sa design site yano apan epektibo nga bahin CSS "transparency", nga imong mahimo sa paghimo niini nga mas makapaikag ug mas mamatikdan elemento uban sa dyutay nga paningkamot. Ang gihulagway embodiments mga batasan bahin transparency makatabang kanimo uban sa niini nga.

    Similar articles

     

     

     

     

    Trending Now

     

     

     

     

    Newest

    Copyright © 2018 ceb.unansea.com. Theme powered by WordPress.