Mali css "uwazi" - njia rahisi ya kufanya tovuti ya kuvutia zaidi ya kubuni

Leo, kuundwa kwa tovuti ya kubuni inakuwa sanaa fomu. Hii si tu seti ya vipengele ukurasa wa rangi fulani na ukubwa, fonts ya mitindo tofauti na uchoraji ufadhili. Ili kufanya tovuti yako tofauti na wengine, kwa kuvutia wageni 'na kuielekeza kwa mambo fulani, kutumika idadi kubwa ya mbinu na zana. Miongoni mwao kuna ni maarufu sana mali css - uwazi. Mbinu hii ni kabisa mtindo na glamorous, na kwa hiyo ni kutumika mara kwa mara. Transparency inaweza kutoa kurasa vitu mbalimbali za tovuti - kuzuia maandishi au picha nzima, kwa mfano. Pia kupatikana kwa njia tofauti. Hebu kuchunguza yao chini.

Vigezo bayana vipengele vya uwazi

Vigezo kudhibiti uwazi wa mambo ya kadhaa. Wao ni kutumika kutegemea malengo maalum, ikiwa ni pamoja na browser, ambayo ni chini ya "kubadilishwa" design. Hizi ni pamoja na tabia zifuatazo:

• opacity,
• kuchuja;
• PNG-picha kama background.

Mali thamani css "uwazi" ni iliyopita kama ifuatavyo: Juu ya idadi, chini ya kiwango cha uwazi wa kipengele. opacity, ni inatofautiana kuanzia 0 hadi 1, katika filter - kutoka 10 hadi 100. Na mwisho ni kutumika kwa interet Explorer browser, na nyingine zote husika opacity mali.

Transparency Image (kubadilisha)

Hebu tuanze na chaguzi kwamba itaonekana wazi wakati kusonga bidhaa kwa kutembeza kipanya.

Hebu fikiria jinsi ya kubainisha uwazi wa picha. CSS inatoa chaguo mbili. Ili kufanya hivyo, lazima kujiandikisha moja kwa moja katika kanuni html-hati kama ifuatavyo:

1. Kubainisha njia na picha.
2. Sisi kufafanua vigezo uwazi wakati mshale ni la. Ili kufanya hivyo, sisi kutumia tabia za onmouseover na onmouseout, ambayo inaeleza umuhimu wa opacity, na chujio.

tabia hiyo inaweza kuwa kinachotakiwa katika css-hati na chanzo kanuni ya kuongeza kumbukumbu ya jambo hilo. matokeo kugeuka kutoka sawa.

Uwazi wa maandishi na ukurasa vitalu

Kama kwa ajili ya maandishi au kuzuia (uwazi div), css inatoa chaguo yake, sawa na kujenga picha ya uwazi, una kutumia uhusiano css-file, ambapo vigezo taka ni kuweka. Unaweza kwenda na njia rahisi. Unapoweka style block div style au maandishi p kuagiza yafuatayo html-code kwa onmouseover na onmouseout vipengele. Chaguzi zote mbili kazi na kuzalisha matokeo ya taka.

uwazi wa mara kwa mara

Wakati mwingine, uwazi ya kitu, kipengele kubuni au maandishi unataka kuweka juu ya msingi inayoendelea. Katika hali hii, ufumbuzi ni hata rahisi kuliko wakati hover mshale mouse.

Css kipengele kwa uwazi atapewa na kanuni zifuatazo. Katika kuzuia div style kuagiza maadili kwa background (kwa mfano, # ff8800), uwazi (kwa mfano, 0.5) na upana (upana) na padding (padding).

Kwa mfano code maadili ni maamuzi na opacity filter, na kubainisha njia ya picha.

RGBA-njia

Kuna chaguzi nyingine kwa kutumia mali css: uwazi inaweza kutumika kwa rangi ya chini ya yoyote ya kipengele design. Inatumia RGBA mbinu. kwanza barua tatu kugombea rangi ya msingi (nyekundu, fission, bluu), na ya mwisho - alpha, ambayo seti ya kiwango cha uwazi. Kwa kutumia RGBA ya format hupeana uwazi, akizungumzia kwa tarakimu ya mwisho. Kwa mfano, kama: background: rgba (240,2,33,0.4035).

hitimisho

Hivyo, kwa kutumia wakati wa kazi kwenye tovuti ya kubuni rahisi lakini ufanisi kipengele css "uwazi", unaweza kufanya hivyo kuvutia zaidi na vipengele na jitihada ndogo kwa urahisi zaidi. embodiments ilivyoelezwa ni uwazi vipengele maalum kukusaidia na hii.