Testing -webkit-filter playground for css filters


            

        

    

    

        


            
contrast (reset)

 100%






brightness (reset)

 100%






grayscale (reset)

 0%






saturate (reset)

 100%






hue-rotate (reset)

 0deg






sepia (reset)

 0%






invert (reset)

 0%






blur (reset)

 0px







        

        

            
        

    

    

        

            

            
What? Why?

            
Reading on the Chromium blog about the new CSS
                -webkit-filter made me wonder what kind of effects can be created, using just one single line of CSS, resulting in this playground.
      


            
Browser compatibility

            
Above features should work using at least Chrome 19.
      


            
Read more

            

            

            

            


            
About

            
Last update January 30th 2013
      


            
Social