Właściwości filtrów Style

Skonfiguruj efekt cienia na obrazie. Cienie są syntetyzowane na obrazku poniżej, nie może być niejednoznaczności, specyficzny kolor może narysować maskę schemacie wersji offsetu. Funkcja akceptuje <shadow> wartość (zdefiniowaną w tle CSS3) rodzaj, oprócz "wstawka" Hasło nie jest dozwolone. Funkcja z istniejącym box-shadow właściwości box-shadow jest bardzo podobna, z tym, że przez filtr, niektóre przeglądarki dla lepszej wydajności zapewnia akcelerację sprzętową. <shadow>参数如下：

<Offsetu x> <offset y> ( moszczu)

Jest to zestaw dwóch cieni przesunięcia <length> wartość. na lewym elemencie pojawia <Offset-x> Preferencje pozioma odległość cienia. <Offset-y>, aby ustawić odległość pionową spadku cień pojawia się nad elementem. Patrz <length> możliwych jednostek.
Jeżeli obie wartości są 0, pojawi się cień za elementy pozytywne (jeśli ustawione   <blur-radius> and/or <spread-radius>， 会有模糊效果 ).

<Nieporuszone promień> (opcjonalnie)

Jest to trzeci code> <length> wartość. Im wyższa wartość, tym bardziej rozmazany cień staną się większe i bardziej jasne. Jeśli nie jest dozwolone, aby ustawić wartość ujemną, wartość domyślna to 0 (granice cienia są ostre).

<Spread-radius> (opcjonalnie)

Jest to czwarty <length> Wartość wartość będzie śledzony ekspansję i większe, negatywne cień zostanie zmniejszona. Jeśli nie jest ustawiony, domyślną jest 0 (cienie i elementy takie same rozmiary).
Uwaga: Webkit, jak również niektóre inne przeglądarki nie obsługują czwartą długości, jeśli wzrost nie ulegnie.

<Color> (opcjonalnie)

Patrz <color> Wartość możliwych słów kluczowych i tagów. Jeśli nie jest ustawiony, wartości kolorów w oparciu przeglądarkę. Gecko (Firefox), Presto (Opera ) oraz Trident (Internet Explorer), wymagane stosowanie kolorów atrybutów wartości kolorów. Ponadto, jeżeli wartość koloru pomija się, WebKit zacienione przejrzyste.

Konwersja obrazu do skali szarości. Określa się wartość współczynnika konwersji. Wartość 100% jest całkowicie przekształcony w skali szarości, wartość 0% obrazu niezmienionej. Wartości od 0% do 100%, efekt mnożnikowy jest liniowa. Jeśli nie jest ustawiona wartość domyślna wynosi 0;

Zastosowanie do obracania obrazu Hue. "Kąt" Kąt Pierścień kolor obrazu jest ustawiona wartość skorygowaną wartość. Wartość 0deg, zmiana obrazu. Jeśli wartość nie jest ustawiona, wartość domyślna to 0deg. Chociaż nie ma maksymalną wartość, która przekracza wartość ekwiwalentu innego 360deg obwodowej.

Odwracanie obrazu wejściowego. Określa się wartość współczynnika konwersji. 100% wartości jest całkowicie odwrócony. Wartość 0%, obraz bez zmian. Wartość od 0% do 100%, efekt mnożnikowy jest liniowa. Jeśli wartość nie jest ustawiona, wartość domyślna to 0.

Stopień konwersji przejrzystości obrazu. Określa się wartość współczynnika konwersji. 0% jest całkowicie przejrzyste, a wartość 100%, obraz niezmienionej. Wartość między 0% a 100%, a efekt jest mnożnik liniowy, pomnożonej przez liczbę próbek jest równoważna obrazu. Jeśli wartość nie jest ustawiona, wartość domyślna to 1. Funkcja ta jest bardzo podobna do istniejącej właściwości nieprzezroczystości, z tym, że przez filtr w celu poprawienia skuteczności niektórych przeglądarek zapewnić przyspieszenie sprzętu.

Przekształca nasycenie obrazu. Określa się wartość współczynnika konwersji. 0% jest całkowicie nienasycony, bez zmian w obrazie wynosi 100%. Inne wartości, efekt mnożnikowy jest liniowa. Większa niż 100% wartości są dozwolone, istnieje większe nasycenie. Jeśli wartość nie jest ustawiona, wartość domyślna to 1.

Konwersja obrazu do sepii. Określa się wartość współczynnika konwersji. Wartość 100% jest całkowicie ciemny brąz, wynosi 0% obrazu niezmienionej. Wartości od 0% do 100%, efekt mnożnikowy jest liniowa. Jeśli nie jest ustawiona wartość domyślna wynosi 0;

Funkcja URL pobiera plik XML, który określa filtr SVG, i może zawierać kotwicę na podanie konkretnego elementu filtrującego.

Na przykład:

filter: url(svg-url#element-id)

Właściwość jest ustawiona na wartości domyślne, patrz: CSS Keyword Początkowa