propriétés du filtre Style

Mettre en place un effet d'ombre à l'image. Les ombres sont synthétisées dans l'image ci-dessous, il peut y avoir ambiguïté, une couleur spécifique peut dessiner le masque de diagramme la version offset. Fonction accepte <ombre> valeur (définie dans l'arrière-plan de CSS3) type, en plus de "encadré" mot-clé est pas autorisé. La fonction de la propriété existante box-shadow box-shadow est très similaire, sauf que, à travers le filtre, certains navigateurs pour une meilleure performance fournit l'accélération matérielle. <shadow>参数如下：

<Offset x> <offset y> ( doit)

Il est situé à deux ombres décalage <longueur> valeur. <Offset-x> Préférences distance horizontale de l' ombre portée apparaît sur l'élément gauche. <Offset-y> pour régler la distance verticale de chute ombre apparaît au-dessus de l'élément. Voir <longueur> unités possibles.
Si les deux valeurs sont 0, l'ombre apparaît derrière les éléments positifs (si réglé   <blur-radius> and/or <spread-radius>， 会有模糊效果 ).

<Flou rayon> (facultatif)

Ceci est le troisième code> <longueur> valeur. Plus la valeur, plus floue l'ombre deviendra la lumière plus grande et plus. Si pas autorisé à définir une valeur négative, la valeur par défaut est 0 (les frontières d'ombre sont nettes).

<Propagation rayon> (facultatif)

Ceci est le quatrième <longueur> Valeur Valeur fera de l'ombre expansion et plus grande, l'ombre négative sera réduite. Si pas définie, la valeur par défaut est 0 (les ombres et les éléments de la même taille).
Note: Webkit, ainsi que d'autres navigateurs ne supportent pas une quatrième longueur, si l'augmentation ne sera pas rendu.

<Couleur> (facultatif)

Voir <couleur> valeur des mots-clés et des étiquettes possibles. Si non défini, les valeurs des couleurs basées navigateur. Gecko (Firefox), Presto (Opera ) et Trident (Internet Explorer) dans, appliqueront les attributs de couleur de couleur des valeurs. En outre, si la valeur de couleur est omis, WebKit ombrée transparent.

Convertir l'image en niveaux de gris. Elle définit la valeur du taux de conversion. Valeur de 100% est complètement converti en une image en niveaux de gris, une valeur de 0% de l'image inchangée. Les valeurs comprises entre 0% et 100%, l'effet multiplicateur est linéaire. Si non défini, la valeur par défaut est 0;

Application à la rotation d'image de teinte. l'image "Angle" de l'angle d'anneau de couleur est une valeur ajustée de la valeur de consigne. Valeur 0deg, le changement d'image. Si la valeur est pas définie, la valeur par défaut est 0deg. Bien qu'il n'y ait pas de valeur maximale qui dépasse la valeur de l'équivalent d'un autre périmètre 360deg.

Inversant image d'entrée. Elle définit la valeur du taux de conversion. 100% de la valeur est complètement inversée. Une valeur de 0%, l'image inchangée. Une valeur comprise entre 0% et 100%, l'effet multiplicateur est linéaire. Si la valeur est pas définie, la valeur par défaut est 0.

degré de transparence de l'image de conversion. Elle définit la valeur du taux de conversion. 0% est totalement transparent, et une valeur de 100%, l'image inchangée. Une valeur comprise entre 0% et 100%, l'effet multiplicateur est linéaire, multiplié par le nombre d'échantillons est également équivalente à l'image. Si la valeur est pas définie, la valeur par défaut est 1. Cette fonction est très similaire à la propriété d'opacité existante, sauf que à travers le filtre, afin d'améliorer la performance de certains navigateurs fournira l'accélération matérielle.

Convertit la saturation de l'image. Elle définit la valeur du taux de conversion. 0% est totalement insaturé, aucune modification de l'image est de 100%. Autre valeur, l'effet multiplicateur est linéaire. Plus de 100% de la valeur est autorisée, il existe une saturation plus élevée. Si la valeur est pas définie, la valeur par défaut est 1.

Convertir l'image en sépia. Elle définit la valeur du taux de conversion. Valeur de 100% est entièrement brun foncé, est de 0% de l'image inchangée. Les valeurs comprises entre 0% et 100%, l'effet multiplicateur est linéaire. Si non défini, la valeur par défaut est 0;

fonction URL prend un fichier XML qui définit un filtre SVG, et peut inclure une ancre pour spécifier un élément de filtre spécifique.

Par exemple:

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

La propriété est définie sur les valeurs par défaut, reportez - vous à: CSS Mot initial