Jabetza css "gardentasuna" - Gunean gehiago diseinu interesgarria egiteko modu sinple bat

Gaurkoan web diseinu sortzea arte modu bat bihurtzen da. Hau ez da orri kolore jakin bat eta elementu multzo bat besterik tamaina, letra-tipoak hainbat estilo eta gaikako margolan. Zure gune besteengandik desberdinak egiteko, bisitarien arreta erakartzeko eta zuzentzeko elementu jakin ahal izateko, metodo eta tresna kopuru handi bat erabiltzen da. gardentasuna - Horien artean ez da oso ezaguna jabetza css bat da. Teknika hau oso modan eta glamour da, eta, beraz, askotan erabiltzen da. testu bloke edo irudi osoa, adibidez - Gardentasuna hainbat objektu gunearen orrietan eman dezake. halaber modutan lortzen da. Demagun azpitik horiek aztertu digu.

Parametroak gardentasuna elementu zehaztu

Parametroak hainbat elementu gardentasuna arautzeko. erabili dute helburu zehatzak arabera dira, baita nabigatzailea, zein da "egokitu da" diseinua ari da eta. Horien artean, honako ezaugarriak:

• opakutasun;
• iragazi:
• PNG irudia hondo gisa.

Jabetza balio css "gardentasuna" honela aldatu dira: zenbaki handiagoa, elementu gardentasun maila txikiagoa da. opakotasuna, 0 eta 1 artekoa aldatu egiten da, iragazkia in - 10 eta 100 Eta bigarrenak Intérêt Explorer nabigatzailea, eta beste opakutasun jabetza aplikagarri guztietan erabiliko da.

Gardentasuna Irudia (aldatuz)

Dezagun aukera hori gardena agertuko da mugitzen ari zarenean elementua batera sagua arrastatuz.

Demagun irudian gardentasuna nola ezartzean kontuan hartu gurekin. CSS bi aukera eskaintzen ditu. Horretarako, zuzenean erregistratu behar duzu kode html-dokumentuan honela:

1. Zehaztu irudiaren bidea.
2. gardentasuna parametroak definitu dugu kurtsorea ez da. Horretarako, onmouseover eta onmouseout, zein opakotasuna, eta iragazkia balioa agintzen propietate erabili dugu.

ezaugarri bera css-dokumentua eta iturburu-kodea erreferentzia bat gehitzeko agindutako daiteke. Emaitzek buelta bera.

testua eta orri bloke Transparency

testua edo blokeatu (div gardena) eta, css bere aukera, irudi garden bat sortzeko antzekoa eskaintzen bezala, konektatutako css-fitxategia, bertan nahi den parametro ezarri dira erabili behar duzu. joan ahal izango duzu, eta horrela errazagoa. Noiz estilo bloke div style ezartzeko aukera edo testu p agindu hauek itsatsi kode onmouseover eta elementu onmouseout. Bi aukera lan eta nahi den emaitza ekoizteko.

gardentasuna etengabeko

Kasu batzuetan, objektu bat gardentasuna, diseinu elementu bat edo testu to etengabe ezarri nahi izatea. Egoera honen aurrean, konponbidea are sagua pasatzean baino errazagoa.

Css gardentasuna elementu egon kode hau emango du. Bloke div style agindu balioak atzealdean (adibidez, # ff8800), opakotasuna (adibidez, 0,5) eta zabalera (zabalera) eta betegarria (padding) da.

irudiaren kodea balioak ari eta opakotasuna iragazkia, eta irudiaren bidea zehaztu.

RGBA-metodoa

Badira jabetza css hori erabiltzeko beste aukera batzuk: gardentasuna oinarri edozein diseinu elementu kolore aplika daiteke. RGBA metodoa erabiltzen du. Alfa, eta horrek gardentasun-maila ezartzen - Lehenengo hiru letrak oinarrizko koloreak (gorria, fisio, urdina), eta azken stand. RGBA-format erabiltzea agintzen gardentasuna, hura seinalatuz azken digitua da. Adibidez, as: atzea rgba (240,2,33,0.4035).

ondorio

Horrela, Gune diseinu sinple baina eraginkorra Ezaugarri css "gardentasuna" lan ikastaro erabiliz, interesgarri gehiago eta gehiago nabaritzen gutxieneko ahalegina elementu egin dezakezu. deskribatu embodiments hauek daude gardentasuna pertsonalizatuak ezaugarriak lagunduko dizu honekin.