|
АБРАКАДАБРА (Тоже самое но в читаемом виде)
Xota sey4as e6e prejdevremenno s uverennost'u utverjdat', kakie brauzeri budut podderjivat' gradu6uu specifikaciu CSS3, nekotorie aspekti obespe4enia cveta zaslujivaut po men'6ey mere kratkogo upominania, s tem 4tobi ukazat' na budu6ie vozmojnosti.
Vo-pervix, specifikacia CSS3 predusmatrivaet opredelenie neprozra4nosti dla elementov. Toy je celi mojno dobit'sa s pomo6'u vidoizmenennoy specifikacii cveta, kotoraa obozna4aetsa kak rgba - v ney v ka4estve 4etvertogo zna4enia dobavlaetsa al'fa. Al'fa-faktor var'iruet ot 0,0 (polnaa prozra4nost') do 1,0 (polnaa neprozra4nost'). V CSS3 mojno primenat' pravila napodobie etogo: em {color: rgba(255,0,0,1);} /* polnost'u neprozra4niy krasniy */ strong {color: rgba(0, 0, 255, 0.5);} /* 4asti4no prozra4niy zeleniy */Drugoe usover6enstvovanie, predstavlennoe v CSS3, zaklu4aetsa v vozmojnosti zadavat' cvet v formate HSL (Hue Saturation Lightness, ton-nasi6ennost'-arkost'). Cveta HSL opredelautsa v vide trex zna4eniy (ton, nasi6ennost', arkost'). Ton predstavlaetsa kak ugol cvetovogo kruga, gde krasnomu sootvetstvuet 0 ili 360, zelenomu - 120, sinemu - 240, a drugie cveta naxodatsa v diapazone mejdu etimi zna4eniami. Nasi6ennost' virajaetsa v procentax, tak 4to 0% obozna4aet otsutstvie nasi6ennosti, ili gradaciu serogo, v to vrema kak 100% - eto polnaa nasi6ennost' tona. Arkost' takje virajaetsa v procentnom otno6enii; pri etom 100% obozna4aet arkost' v forme belogo, a 0% - v forme 4ernogo. 4a6e vsego budet primenat'sa zna4enie arkosti 50%, ustanavlivau6ee "normal'nuu" veli4inu. Prinimaa vo vnimanie eti specifikacii, imeut smisl sleduu6ie pravila CSS: .red {color: hsl(0, 100%, 50%); } .green {color: hsl(120,100%,50%);} .darkgreen {color: hsl(120,100%,75%);} .lightgreen {color: hsl(120,100%,25%);} .blue {color: hsl(240,100%,50%);} .white {color: hsl(0,0%,100%);} .black {color: hsl(0,0%,0%);}
Xota eto mojet pokazat'sa e6e odnim sposobom opredelenia cveta, regulirovka specifikacii HSL bolee nagladna, i v bol'6instve slu4aev variacii cveta pro6e sozdavat', soxranaa ton, no korrektirua nasi6ennost' i intensivnost'. Kak i specifikacia cveta RGB, cveta HSL v CSS3 takje doljni podderjivat' al'fa-faktori; oni izmerautsa zna4eniami HSLA (ton, nasi6ennost', arkost', al'fa-faktor). K primeru, pravilo opredelalo bi poluprozra4niy svetlo-zeleniy cvet. .translightgreen {color: hsla(120,100%, 25%, .0.5);}Nakonec, v CSS3 doljni bit' predstavleni svoystva napodobie color-profile, kotoroe sdelaet vozmojnim opredelenie cvetovogo profila (http://www.color.org) Mejdunarodnogo konsorciuma po cvetu (International Color Consortium, ICC). K primeru, dla korrektirovki cvetov izobrajeniy na stranice CSS3 mojno bilo bi zadeystvovat' pravilo vrode sleduu6ego: img {color-profile: URL("http://example.com/profiles/eg.icm"); }CSS3Sposobnost' korrektirovki cvetovosproizvedenia v brauzerax dolgo zastavlala seba jdat'. Real'naa problema s cvetom v Web, kotoruu mi usmatrivaem, sostoit v tom, 4to s takim 6irokim viborom sred prosmotra razli4ie mejdu cvetami, kotorie mi opredelaem, i tem, 4to na samom dele poavlaetsa, mojet bit' dovol'no su6estvennim - esli ne proavlat' ostorojnost'. css-info.narod.ru/statya/color-css3.html
|