dag, etablering av webdesign blir en ekte kunst.Det er ikke bare et sett med sider av en bestemt farge og størrelse, fonter, ulike stiler og tema bilder.For å lage en nettside forskjellig fra andre, for å tiltrekke seg oppmerksomheten til besøkende og sende det til dem eller andre elementer ved hjelp av et stort antall metoder og verktøy.Blant dem er det en veldig populær eiendom css - åpenhet.Denne teknikken er ganske moderne og glamorøse, og derfor brukes ofte.Du kan gi innsyn i ulike objekter sider - tekst, bilder eller hele enheten, for eksempel.Det kan også oppnås på forskjellige måter.La oss undersøke dem nedenfor.
parametre å stille gjennomsiktigheten elementer
parametere tillater å justere gjennomsiktigheten elementer av flere.De brukes avhengig av spesifikke mål, og leseren, som er under "justert" design.Disse inkluderer følgende egenskaper:
- opacity;
- filter;
- PNG-bilde som bakgrunn.
eiendomsverdiene css "åpenhet" endres som følger: jo høyere tall, jo lavere er graden av åpenhet av elementet.Opacity det varierer fra 0 til 1, i filter - fra 10 til 100. Og sistnevnte brukes for leseren Interet Explorer, og for alle andre gjeldende eiendom er opacity.
Transparency bilde (endring)
begynne med alternativer når åpenhet vil manifestere seg når du beveger musepekeren til elementet.
vurdere hvordan du setter gjennomsiktigheten av bildet.CSS tilbyr to alternativer.For å gjøre dette, må du registrere den i kode html-dokument som følger:
- Angi banen til bildet.
- definerer parameterne for åpenhet når markøren ikke.Til dette bruker vi egenskapene onmouseover og onmouseout, som foreskriver verdien og opasitet filter.
Disse egenskapene kan være foreskrevet i css-dokument og kildekoden for å legge en link til den.Resultatet blir det samme.
gjennomsiktig tekstblokker og siden
Som for tekst eller blokk (transparent div), tilbyr css sin opsjon, ligner til å skape et gjennomsiktig bilde, som brukes koblet css-fil, som vil bli gitt de nødvendige parametrene.Du kan gå og en enklere måte.Når du setter stil blokk div style eller tekst p fore følgende html-kode elementer for onmouseover og onmouseout.Begge alternativene arbeide og gi det ønskede resultat.
Transparency konstant
I noen tilfeller, gjennomsiktigheten av objektet, et designelement eller teksten du ønsker å sette på en kontinuerlig basis.I denne situasjonen, er løsningen enda enklere enn med musen.
css element for åpenhet vil bli gitt følgende kode.I blokk div style foreskrive verdier for bakgrunn (f.eks, # ff8800), tetthet (f.eks, 0,5) og bredde (bredde) og padding (padding).
for bilder i koden gjør verdier og tetthet filter, og angi banen til bildet.
RGBA-metoden
Det finnes andre alternativer for å bruke denne egenskapen css: åpenhet kan brukes til bakgrunnsfargen i et element av design.Den bruker metoden for RGBA.De tre første bokstavene representerer grunnfargene (rød, fisjon, blå), og den siste - alpha, som setter graden av åpenhet.Bruke RGBA-format foreskriver åpenhet, peker den til det siste sifferet.For eksempel som: bakgrunn: RGBA (240,2,33,0.4035).
Konklusjon
Dermed bruker i løpet av arbeidet på området Designen er enkel, men spektakulære eiendommen css "åpenhet", kan du gjøre det mer interessant og mer merkbare elementer av minimal innsats.Den beskrevne utførelser jobbutførelse åpenhet vil hjelpe deg med dette.
