about:config
Dans Firefox, pour profiter des filtres CSS : about:config puis mettez à true la variable "layout.css.filters.enabled".
Infos :
https://developer.mozilla.org/fr/docs/Web/CSS/filter
http://blattchat.com/2013/07/13/fun-with-svg-filters/
http://caniuse.com/#search=filter
http://blattchat.com/2013/07/13/fun-with-svg-filters/
Filters en CSS3 permet d’ajouter photoshop dans les pages web : flous, opacités, inversions, désaturations, sépia, rotation chromatique…
Tout ça avec une commande CSS de type : « filters: blur(25px); ».
(par contre, attention aux performances : c’est assez lourd.
Firefox 35 supporte tout ça et c’est activé par défaut.
Chrome/Safari et Opera permettent l’usage de tout ça également, mais ajoutez les préfixes -webkit-.
Ajoutez à tout ça les animations, ombres et tout le reste, et imaginez \o/.
En fait, entre CSS2 et CSS3, on est un peu passé de MS-Paint à Photofiltre.
Infos :
https://developer.mozilla.org/fr/docs/Web/CSS/filter
http://blattchat.com/2013/07/13/fun-with-svg-filters/
http://caniuse.com/#search=filter
http://blattchat.com/2013/07/13/fun-with-svg-filters/
Filters en CSS3 permet d’ajouter photoshop dans les pages web : flous, opacités, inversions, désaturations, sépia, rotation chromatique…
Tout ça avec une commande CSS de type : « filters: blur(25px); ».
(par contre, attention aux performances : c’est assez lourd.
Firefox 35 supporte tout ça et c’est activé par défaut.
Chrome/Safari et Opera permettent l’usage de tout ça également, mais ajoutez les préfixes -webkit-.
Ajoutez à tout ça les animations, ombres et tout le reste, et imaginez \o/.
En fait, entre CSS2 et CSS3, on est un peu passé de MS-Paint à Photofiltre.