Css proprietate "transparență" - un mod simplu de a face un design site interesant

Astăzi, crearea de web design devine o adevarata arta.Acesta nu este doar un set de pagini de o anumită culoare și dimensiune, fonturi, stiluri diferite și imagini tematice.În scopul de a face un site diferit de ceilalți, pentru a atrage atenția vizitatorilor și trimite-l la cei sau alte elemente cu ajutorul unui număr foarte mare de metode și instrumente.Printre ei există un css proprietate foarte popular - transparență.Aceasta tehnica este destul de la modă și plin de farmec, și, prin urmare, este folosit de multe ori.Puteți da transparența diferitelor pagini obiecte - text, imagine, sau întreaga unitate, de exemplu.Poate fi realizată în diferite moduri.Să le examinăm mai jos.Parametrii

pentru a seta transparența elementelor parametrilor

permit ajustarea transparența elementelor mai multe.Ele sunt folosite în funcție de obiectivele specifice, iar browser-ul, care se află sub designul "ajustat".Acestea includ următoarele proprietăți:

• opacitatea;Filtrul
• ;
• PNG imagine ca fundal.

valori de proprietate css "transparență", se modifică după cum urmează: cu cât numărul, mai mic nivelul de transparență a elementului.Opacitatea variază de la 0 la 1, in filtru - de la 10 la 100. Și acesta din urmă este utilizat pentru browser-ul Interet Explorer, precum și pentru toate celelalte bunuri aplicabile este opacitate.

Transparency imagine (schimbarea)

începe cu opțiuni atunci când transparența se va manifesta atunci când vă deplasați cursorul mouse-ului la elementul.

considerare modul de a seta transparența imaginii.CSS oferă două opțiuni.Pentru a face acest lucru, trebuie să-l înregistreze în codul HTML document, după cum urmează:

1. specificați calea către imaginea.
2. definește parametrii de transparență în cazul în care cursorul nu este.Pentru aceasta vom folosi proprietățile onmouseover și onMouseOut, care prevede valoarea și opacitatea filtrului.

Aceste caracteristici pot fi prescrise în CSS document și codul sursă pentru a adăuga un link la acesta.Rezultatele dovedesc la fel.

blocuri de text transparent și pagina

În ceea ce textul sau blocul (div transparent), CSS ofera optiunea sa, similar cu crearea unei imagini transparent, care este utilizat conectat css-fișier, care va fi dat parametrii necesari.Puteți merge și un mod mai simplu.Când setați stil bloc stilul div sau text p prescrie următoarele elemente html-cod pentru onmouseover si onmouseout.Ambele opțiuni de lucru și a da rezultatul dorit.

Transparența

În unele cazuri, transparența obiectului, un element de design sau textul pe care doriți să setați în mod continuu.În această situație, soluția este mai simplă decât cu mouse-ul.

Element CSS pentru transparență va fi dat următorul cod.În blocul stil div prescrie valori pentru fundal (de exemplu, # ff8800), opacitate (de exemplu, 0,5) și lățimea (lățime) și padding (padding).

pentru imagini în codul fac valori și filtru opacitate, și specificați calea către imaginea.

RGBA metodă

Există și alte opțiuni pentru utilizarea acestui CSS proprietate: transparența pot fi aplicate la culoarea de fundal a unui element de proiectare.Se folosește metoda de RGBA.Primele trei litere reprezintă culorile de bază (roșu, fisiune, albastru) și ultima - alfa, care stabilește nivelul de transparență.Folosind format RGBA prescrie transparență, arătând-o la ultima cifră.De exemplu, după cum: fundal: RGBA (240,2,33,0.4035).

Concluzie

Astfel, folosind în cursul activității privind proiectarea site-ul este simplu, dar de proprietate spectaculoasa css "transparență", puteți face elemente de efort minim mai interesant și mai evidente.Transparența performanță descris variante de locuri de muncă vă va ajuta cu acest lucru.