Het effect van de CSS - filter

, tekst en beeld, kun je de CSS - filter van de speciale effecten wordt toegevoegd aan de tekst, beeld en geen gebruik van foto 's of andere aspecten van de webpagina figuur.Het filter werkt alleen in de Internet Explorer, 4 +,,.De ontwikkeling van de website als je je browser, dan kan het niet met de CSS. Omdat er een mogelijkheid, zou geen voordeel is een goed idee, in dit hoofdstuk, zullen we zien dat elk van de details van de CSS - filter.Deze filters kunnen niet in je browser, Kanaal alfa, alfa - filter veranderde niet het voorwerp van transparantie, waardoor het in de achtergrond.Het filter en de vermindering van de parameters kunnen gebruik maken van de volgende parameters parameters voor de beschrijving van de transparantie, niet zonder transparantie.0 volledig transparant zijn, 100 is volkomen ondoorzichtig.Aan de andere kant van het voorwerp van de in finishopacity niet het niveau van transparantie.De transparantie van de stijl niet geleidelijk vorm, 0 = 1 = uniforme, lineaire, 2 = 3 = vierkante of rechthoekige vorm, de X - coördinaat, StartX troebele gradiënt te beginnen.Het eerste standpunt van de y - troebele gradiënt te beginnen.Finishx X de coördinaten voor de ondoorzichtige geleidelijk te beëindigen.Finishy y de coördinaten voor de ondoorzichtige geleidelijk te beëindigen.,., < html> < head> < /head> < body> < p> in /p>, beeld, <; < IMG - src = "/css/images/logo.png" (= "CSS - logo" style= "Filter: alfa (Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)" /> < p> de tekst in,, < /p> < die style= "(breedte: 357; height: lettergrootte: 50; 30pt Arial Black familie; kleur: blauw;; Filter: alfa (Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)" > CSS Tutorials< /div> < /body> < het zal de productie; /html>, de follo;De resultaten van de vleugel, minus bewegingsonscherpte, sport, Fuzzy is gebruikt voor het creëren van vage foto 's of in de richting van de tekst en de kracht.De volgende parameters worden gebruikt voor de beschrijving van de parameters van het filter en de negatieve; toevoeging van echt of nep.Als het waar is, is het beeld wordt toegevoegd aan de vage beeld; als dit nep is, het beeld niet toegevoegd aan de vage beelden.Richting, in de richting van de verwarring, met de wijzers van de klok mee, met 45 graden.De standaard is 270 (links), 0 = top, 45 = rechts boven 90 = rechts, 135 = de rechtse hoek, links 180 = = = = = = = bodem, 225, 270 = links, 315 = links, de intensiteit van de pixels van vage zal worden uitgebreid.De standaard is 5 pixels.,., < html> < head> < /head> < body> < p> in /p>, beeld, <; < IMG - src = "/css/images/logo.png" (= "CSS - logo" style= "Filter: waas (ADD = 0, richting = 225, sterkte = 10)" > LT de tekst in p>,,, < /p> < die style= "(breedte: 357; height: lettergrootte: 50; 30pt Arial Black familie; kleur: blauw;; Filter: waas (ADD = 1, richting = 225, sterkte = 10)" > CSS Tutorials< /div> < /body> < /html>, het zal de productie van de volgende resultaten −,, filter (filter wordt gebruikt (, een bijzondere kleur te maken zijn en meestal is images. gebruikt.Je kan ook met de afdeling.De volgende parameters worden gebruikt en de parameters voor de beschrijving van het filter negatief; kleur voor je dat transparant is.,., < html> < head> < /head> < body> < p> in /p>, beeld, <; < IMG - src = "/images/css.gif" (= "CSS - logo" style= "(Filter: (kleur = #FFFFFF)" > < p>, de tekst in, <; /p> < die style= "(breedte: 580; height: lettergrootte: 50; 30pt familie Arial Black, wat #3300FF;; Filter: ((kleur = #3300FF)" > CSS Tutorials< /div> < /body> < /html> het zal de volgende resultaten, om &minus, laat de schaduw op de,,, laat de schaduw b) is een schaduw van je doel op de X - en Y - 1 (horizontale) (verticale) gecompenseerd en color., worden de volgende gegevensKan ook gebruik maken van het filter en de vermindering van de parameters voor de beschrijving van kleur; en, in&#rrggbb formaat in de schaduw.De schaduw van de visie van de pixels van migratie offx, langs de X - as.Het gehele zal dalen van schaduw naar rechts, negatieve getallen zullen links naar links.De schaduw van de visie van het voorwerp van de pixels van de migratie, op de y - as.Getallen naar beneden, de daling van de negatieve getallen verplaatst schaduwen.Nu, als het waar is, alle voorwerpen ondoorzichtige pixel projectie.Als het verkeerd is, alle transparante pixel schaduw.De standaard is echt.,., < html> < head> < /head> < body> < p> in /p>, beeld, <; < IMG - src = "/css/images/logo.png" (= "CSS - logo" style= "(Filter: (kleur = #000000) DropShadow (Color=#FF0000, OffX=2, OffY=2, Positive=1)" > < p> de tekst in,, < /p> < die style= "(breedte: 357; height: lettergrootte: 50; 30pt Arial Black familie; kleur: rood;; Filter: DropShadow (Color=#000000, OffX=2, OffY=2, Positive=1)" > CSS Tutorials< /div> < /body> < het zal /html>, de productie van de volgende resultaten −,, flip -, en de andere is gebruikt voor de CRE -Eet het spiegelbeeld van een object.De volgende parameters kan worden gebruikt in deze filter − een FlipH, te Creates a horizontaal spiegel beeld FlipV Creates A uit beeld is, voorbeeld, < html> < head> < /head> < body> < p> in /p>, beeld, <; "/css/images/logo.png" IMG - src = < (= "CSS - logo" style= "Filter: FlipH" > < IMG - src = "/css/images/logo.png" (= "CSS - logo" style= "Filter: FlipV" > < de tekst in p>,, < /p> < die style= "(breedte: 300; height: lettergrootte: 50; 30pt Arial Black familie; kleur: rood;; Filter: FlipV" > CSS Tutorials< /div> < /body>LT: //europa.eu.int /comm /;; /> het zal leiden tot de volgende resultaten negatief - effect en;,,, het effect is gebruikt voor het creëren van het object van de gloed rond.Als het een transparante beeld, lichtgevende is rond het creëren van ondoorzichtige pixels.De volgende parameters kunnen worden gebruikt voor het filter en negatief, de parameters voor de beschrijving van de kleur wil je licht.De lichtsterkte van kracht (van 1 tot 255).,., < html> < head> < /head> < body> < p> in /p>, beeld, <; < IMG - src = "/css/images/logo.png" (= "CSS - logo" style= "(Filter: (kleur = #000000) gloed (Color=#00FF00, Strength=20) < p>" > de tekst in <,,, /p> < die style= "(breedte: 357; height: lettergrootte: 50; 30pt Arial Black familie; kleur: rood;; Filter: gloed (Color=#00FF00, Strength=20)" > CSS Tutorials< /div> < /body> < /html> het zal de volgende resultaten, om −,, - dat is Grayscale, Grayscale was echter de kleuren van het voorwerp te 256 je van Gray.De volgende parameters worden gebruikt voor het filter en de parameters voor de beschrijving van het voorwerp van een grijze kleur wordt omgezet in 256 kleur grijs.,., < html> < head> < /head> < body> < p> in /p>, beeld, <; < IMG - src = "/css/images/logo.png" (= "style=" Filter: CSS - logo "grijze" > < de tekst in p>,, < /p> < die style= "(breedte: 357; height: lettergrootte: 50; 30pt Arial Black familie; kleur: rood;; Filter: Gray" > CSS Tutorials< /div> < /body> < /html> het zal de volgende resultaten, om −,, Invert effect, Invert effect is van deze kaart de kleuren van het object naar hun tegenovergestelde waarden in de kleur zijn, dat wil zeggen, creëren een negatieve.Het filter en de negatieve parameter om gebruik te maken van de volgende parameters; een indicatieve beschrijving van de kleur van de voorwerpen in kaart te brengen naar de kleur in het spectrum van de relatieve waarde.Bijvoorbeeld: //europa.eu.int /comm /< > < hoofd > < /hoofd > < lichaam > < p> voorbeeld:, beelden, < /P > < IMG - src = "/'S /de CSS. De FSIM" (= "CSS - logo" stijl = "filter:..." > < p> voorbeeld:,, de tekst < /P > < die style= "breedte: 357; lengte: 50; de lettergrootte: 40pt; het lettertype: Vetgedrukt; kleur: rood, filters: pour" > CSS - Training < /div > < /het lichaam > < /html > het zal leiden tot de volgende resultaten en de effecten van het masker negatieve;,,, masker is het effect van de voor het openen van transparante pixel gespecificeerde kleur ondoorzichtig maken pixel transparant zijn.De volgende parameters worden gebruikt voor deze filter en een parameter beschrijft de kleur wordt doorzichtige regionale - kleur.,., < html> < head> < /head> < body> < p> in /p>, beeld, <; < IMG - src = "/css/images/logo.png" (= "CSS - logo" style= "(FILTER: (kleur = #000000) masker (Color=#00FF00)" > < p>, de tekst in /p> <,; < die style= "(breedte: 357; height: lettergrootte: 50; 30pt Arial Black familie; kleur: rood;; Filter: masker (Color=#00FF00)" > CSS Tutorials< /div> < /body> < /html> het zal de volgende resultaten, om −,, schaduw schaduw filter, het filter wordt gebruikt om tot een verzwakte schaduw in de richting en de kleur specified.Dit is een filter in de schaduw en licht.De volgende parameters kan worden gebruikt voor het filter en de parameters voor de beschrijving van de negatieve, kleur, wil je de kleur van de schaduw, richting, in de richting van de verwarring, met de wijzers van de klok mee, afgerond op 45 graden verhoging.De normale waarde is 270 (links)., 0 = top, top - 45 = 90 = goed, van 135 = bottom - 180 = bottom, 225 = bottom - 270 = links, links, links, 315 = top, voorbeeld, < html> < head> < /head> < body>; < p> in /p>, beeld, <; < IMG - src = "/css/images/logo.png" (= "CSS - logo" style= "(FILTER: (kleur = #000000) (Color=#00FF00 schaduw, Direction=225)" > < de tekst in p>,, < /p> < die style= breedte: 357 height: "; 50. De lettergrootte: 30pt Arial Black familie; kleur: rood;; Filter: schaduw (Color=#0000FF, Direction=225)" > CSS Tutorials< /div> < /body> < /html;> het zal leiden tot de volgende resultaten en effecten van de negatieve;,, golf, golven is gebruikt om het voorwerp van de verstoring van een sinusoïdale golf, zodat het eruit ziet.De volgende parameters kan worden gebruikt voor dit filter en minus; beschrijving van de parameters voor de toevoeging van een waarde van 1, waarbij de oorspronkelijke beeld toegevoegd aan het beeld, 0 niet.De frequentie van het aantal golven.De kracht van het licht, licht van de Golf (van 0 tot 100).In welke mate de sinuslijn moeten beginnen (van 0 tot 100).Golf - intensiteit van kracht.,., < html> < head> < /head> < body> < p> in /p>, beeld, <; < IMG - src = "/css/images/logo.png" (= "CSS - logo" style= "(FILTER: (kleur = #000000) (Add=0 golf, Freq=1, LightStrength=10, Phase=220, Strength=10)" > < de tekst in p>,, < /p> < die style= "(breedte: 357; height: lettergrootte: 50; 30pt Arial Black familie; kleur: rood;; Filter: golf (Add=0, Freq=1, LightStrength=10, Phase=20, Strength=20)" > CSS Tutorials< /div> < /body> < /html> en het zal de productie; de volgende resultaten −,, X - Ray - grayscales en Fl - effect.Attens diepte van kleur.De volgende parameters: beschrijving van de parameters voor het filteren van röntgenfoto 's, en zelfs de kleur grijs.Bijvoorbeeld: //europa.eu.int /comm /< > < hoofd > < /hoofd > < lichaam > < p> voorbeeld:, beelden, < /P > < IMG - src = "/CSS /Images /logo. Papoea - Nieuw - Guinea" (= "CSS - logo" = "stijl.: X - ray" > < p> voorbeeld:,, de tekst < /P > < die style= "breedte: 357; lengte: 50; de lettergrootte: 40pt; het lettertype: Vetgedrukt; kleur: rood; style=" filter: X - ray "> CSS - Training < /div > < /body > < /html > het zal leiden tot de volgende resultaten en de vermindering van,,;



Previous:
Next Page: