css - Make all images sepia svg code not working? -


Therefore, I wanted to create all the images with the Sepia effect, though I use the code for grayscale in SVG, When it changes in sepia 't work ...

it is grayscale: an IMG {filter: url ("data: image / svg + xml; utf 8, & lt; svg xmlns = 'Http: // www. W3.org/2000/svg'><filter id =' grayscale '& gt; & lt; feColorMatrix type =' matrix 'value =' 0.3333 0.3333 0.3333 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 1 0 '/> & lt; / svg & gt; #grayscale "); }

and it is Sepia that does not work: img {filter: url ("data: / svg + xml; utf8, & lt; svg xmlns = 'http: //www.w3.org/2000/svg'><filter id = "sepia"> gt; & lt; / filter & gt; & lt; / svg & gt; #sepia "); }

Can anyone tell me what is wrong with sepia codes?

And since I am asking that to play sepia and grayscale and play with the opposition such as the web-kit, I'll call it -webkit-filter: grayscale (1) Sepia (0.2); ?

I am estimating double quotes in [id = "sepia"] Also, This is a better place to start for Sepia:

  "0.30 0.30 0.30 0 0.25 0.25 0.25 0 0 0.20 0.20 0.20 0 0 0.00 0.00 0.00 1 0 "  

On your second question, you can use the to change the color matrix values ​​between & lt; Chetan & gt; , but SVG animation does not work on IE (even IE 10), so you understand something like a script (update - you try the FakeSMIL javascript library for IE It can handle most SMIL.)

Comments

Popular posts from this blog

java - NullPointerException for a 2d Array -

python - Assemble mpeg file unable to play in mediaplayer -

c# - NameSpace Manager or XsltContent to parse aspx page -