Hva er visuelle Filter?

Hva er visuelle Filter?


Et verktøy for å bruke multimedieeffekter i webside design, visuell filtre endre utseendet og oppførselen til tekst og grafiske objekter. Anvendt i Cascading Style Sheets (CSS) gjennom endringer i HTML-kontroller, visuelle filtre inkluderer effekter som uskarphet, glød, skygge, gråtoner, og innføre atferd som bevegelse, fade og lengden på displayet på siden.

Typer av Visual Filters

Anvendt gjennom filtrene eiendommen, kan visuelle filtre være statisk eller overgangs. Statiske visuelle filtre påvirke visningen av innholdet i et objekt ved å skape effekter som skygger og gløder. Overganger påvirke måten innhold blir vist, modifiserende bevegelse og hvor lenge en effekt er synlig. Visuelle filtre inkluderer også prosedyre overflater, noe som legger en ekstra bakgrunn overflaten under det valgte objektet.

Filtre og Layout

Visuelle filtre kan brukes på nesten alle underlag i en web-side, men objektet må først ha definert layout parametere som høyde og bredde. Filtre kan brukes til individuelle objekter for å BODY-elementet, eller til en DIV-element som inneholder alle elementene i et dokument. Filter strenger innført som en del av en STYLE klausul i HTML definerer alle egenskapene til filteret blir brukt.

Viser filtereffekter

Visuelle filtre ble introdusert i Internet Explorer 4.0 og forbedret i versjon 5.5, og IE fortsatt leseren mest kompatible med å vise disse effektene. Den optimale visning av filtrer og overgangseffekter krever et system med en fargepalett satt til 256 farger eller mer, og effektene kan oppføre seg annerledes i andre nettlesere som Firefox eller Opera.

filter Syntax

Brukes som en del av STYLE-kommandoen, kan en visuell filter erklæring bestå av mer enn ett filter, og alle egenskapene til hvert filter, som størrelse, farge eller varighet av effekten kan være presist definert. Innenfor en HTML ledelseselement, er en stil klausul innført, som identifiserer filteret og definerer dens egenskaper:

<Style = "filter: progid: DXImageTransform.Microsoft.filtername (Properties)">