Filtres en css techniqye

Disponible uniquement sur Etudier
  • Pages : 8 (1831 mots )
  • Téléchargement(s) : 0
  • Publié le : 7 mai 2011
Lire le document complet
Aperçu du document
-------------------------------------------------
Filtres en CSS
Ces filtres permettent certes des effets optiques très intéressants.
-------------------------------------------------
Alpha()
fusionner les éléments de premier plan et les éléments d'arrière plan en couleurs.
filter:Alpha()




Explication:Avec filter:Alpha() vous pouvez fusionner ensemble l'avant plan et l'arrière plan. Le filtre est approprié par exemple pour des graphiques qui apparaissent sur des graphiques d'arrière plan. Ce filtre attend les paramètres suivants:
opacity= degré de couverture au début de la fusion. Les valeurs permises sont comprises entre 0 et 100. La valeur 0 signifie: tout à fait transparent (l'arrière plantransparaît), La valeur 100 signifie: tout à fait opaque (L'arrière plan est invisible).
finishopacity= degré de couverture à la fin de la fusion. Les valeurs permises sont comprises entre 0 et 100. La valeur 0 signifie: tout à fait transparent (l'arrière-plan transparaît), La valeur 100 signifie: tout à fait opaque (L'arrière plan est invisible).
style= style dans lequel agit l'effet. Lesvaleurs permises sont 0, 1, 2 et 3.
0 signifie: l'arrière plan et le premier plan voient leurs valeurs de couleurs additionnées. Les couleurs de l'élément de premier plan sont manipulées en conséquence. Pas de fusion. Les mentions pour les autres paramètres ne sont dans ce cas pas nécessaires, c'est à dire Alpha(style=0) suffit.
1signifie: fondu linéaire à partir d'un point de départ que vousdéfinissez vous-même à un point d'arrivée que vous définissez vous-même. Au point de départ est valable la valeur mentionnée pour opacity=. À partir du point d'arrivée la valeur pour opacity= perd son influence, et c'est la valeur pour finishopacity= qui domine. Spécifiez le point de départ à l'aide de startx= et starty=, et le point d'arrivée par finishx= et finishy=.
2 signifie: fondu radial(elliptique) de l'intérieur vers l'extérieur. Tout à fait à l'intérieur est valable la valeur mentionnée pour opacity=, tout à fait à l'extérieur la valeur mentionnée pour finishopacity=. Dans ce cas vous pouvez omettre les mentions pour startx=, starty=, finishx= et finishy= comme dans l'exemple ci-dessus.
3 signifie: fondu rectangulaire de l'intérieur vers l'extérieur. Tout à fait à l'intérieur estvalable la valeur mentionnée pour opacity=, tout à fait à l'extérieur la valeur mentionnée pour finishopacity=. Dans ce cas vous pouvez omettre les mentions pour startx=, starty=, finishx= et finishy= comme dans l'exemple ci-dessus.
startx= point de départ à partir du bord gauche de l'élément de premier plan horizontalement et en pixels. N'est significatif qu'en relation avec style=1.
starty= pointde départ à partir du bord supérieur de l'élément de premier plan verticalement et en pixels. N'est significatif qu'en relation avec style=1.
finishx= point d'arrivée à partir du bord gauche de l'élément de premier plan horizontalement et en pixels. N'est significatif qu'en relation avec style=1.
finishy= point d'arrivée à partir du bord supérieur de l'élément de premier plan verticalement et enpixels. N'est significatif qu'en relation avec style=1.
-------------------------------------------------
Blur() (Effet d'estompe)
Ce filtre permet d'appliquer un effet d'estompe aux graphiques en HTML.
filter:Blur()

à gauche l'image sous sa forme normale, à droite avec le filtre Blur():

Texte avec effet d'estompe

Explication:
Avec filter:Blur() vous pouvez définir uneffet d'estompe. Ce filtre est approprié pour les graphiques. Ce filtre attend les paramètres suivants:
add= Vous n'avez besoin de mentionner ce paramètre que si vous voulez noter add=0. Alors les contours du graphiques n'apparaissent plus du tout et seule la trace estompée apparaît à l'écran. L'effet en est renforcé, le graphique lui même ne peut souvent plus être reconnu.
direction= Avec ce...
tracking img