Proprieto css "travidebleco" - simpla maniero por fari la retejon pli interesa dezajno

Hodiaŭ, la kreo de retejo dezajno iĝas formo de arto. Ĉi tio ne estas nur aro de paĝo elementoj de certa koloro kaj grandeco, tiparoj de malsamaj stiloj kaj temáticas pentraĵojn. Por fari via retejo malsama al la aliaj, por altiri vizitantojn 'atenton kaj direkti ĝin al certaj elementoj, uzata grandega nombro de metodoj kaj iloj. Inter ili estas tre popularaj proprieto css - travidebleco. Tiu tekniko estas sufiĉe de modo kaj ŝika, kaj do estas uzata ofte. Travidebleco povas doni malsamajn celojn paĝoj de la retejo - teksto bloko aŭ la tutan bildon, ekzemple. Ĝi ankaŭ atingis en malsamaj manieroj. Ni rigardu ilin sube.

Parametroj specifi la elementoj de travidebleco

Parametroj reguligi la travidebleco de elementoj de pluraj. Ili estas uzitaj depende de la specifaj objektivoj, kaj ankaŭ la retumilo, kiu estas sub la "ŝanĝita" dezajno. Ĉi tiuj inkludas la sekvajn proprietojn:

• opakeco;
• filtri;
• PNG-bildon kiel fono.

Propraĵo valoro css "travidebleco" estas ŝanĝita jene: la pli alta la nombro, la pli malalta la nivelo de travidebleco de la elemento. La opakeco, ĝi varias de 0 al 1, en la filtrilo - de 10 ĝis 100. Kaj la lasta estas uzata por Interet Explorer retumilo, kaj ĉiuj aliaj aplikebla opakeco proprieto.

Travidebleco Bildo (ŝanĝi)

Komencu kun la ebloj kiuj aperos travidebla kiam vi movas la eron trenante la muson.

Kaj ni pripensu specifi la travidebleco de la bildo. CSS proponas du eblojn. Por fari tion, vi devas enskribi ĝin rekte en la kodo HTML-dokumenton jene:

1. Indiku la pado al la bildo.
2. Ni difini la parametrojn de travidebleco kiam la kursoro ne estas. Por fari tion, ni uzas la ecojn de la onmouseover kaj onmouseout, kiu preskribas la valoro de opakeco kaj filtrilo.

La sama karakterizaĵoj povas esti preskribitaj en CSS-dokumenton kaj la fontkodon aldoni referenco al ĝi. La rezultoj rezulti la saman.

Travidebleco de teksto kaj paĝo blokoj

Koncerne la tekston aŭ bloko (travidebla div), css proponas lian elekton, simila al kreado de travidebla bildo, vi devas uzi la konektita css-dosiero, en kiu la deziratan parametroj estas metita. Vi povas iri kaj pli simple. Kiam vi starigis la stilo bloko div stilo aŭ teksto p preskribi la jenan html-kodon al onmouseover kaj onmouseout elementoj. Ambaŭ ebloj labori kaj produkti la deziratan rezulton.

travidebleco konstanto

En iuj kazoj, la travidebleco de objekto, dezajno elemento aŭ tekston vi deziras surtabligis daŭranta bazo. En ĉi tiu situacio, la solvo estas eĉ pli simpla ol kiam vi ŝvebi la muson kursoron.

CSS elemento por travidebleco estos donita per jena kodo. En bloko div stilo preskribi valoroj por la fono (ekz, # ff8800), opakeco (ekz, 0.5) kaj la larĝo (larĝa) kaj kompletigo (padding).

Por la bildo kodo valoroj faras kaj opakeco filtrilo, kaj specifi la vojon al la bildo.

RGBA-metodo

Estas aliaj ebloj por uzi ĉi proprieto CSS: travidebleco povas esti aplikita al la bazo koloron de ajna dezajno elemento. Ĝi uzas RGBA metodo. La unuaj tri literoj staras por la bazaj koloroj (ruĝa, fisio, blua), kaj la lasta - alfa, kiu difinas la nivelon de travidebleco. Uzante RGBA-formato preskribas travidebleco, montrante ĝin al la lasta cifero. Ekzemple, kiel: fono: rgba (240,2,33,0.4035).

konkludo

Tiel, uzante en la daŭro de laboro pri la retejo dezajno simpla sed efika trajto css "travidebleco", vi povas fari ĝin pli interesa kaj pli videbla elementoj kun minimuma penado. La priskribita enkorpiĝoj estas kutimo travidebleco trajtoj helpos vin kun tio.