With the current development of CSS3, making websites more sophisticated, and looking smarter, of course this is good news for web designers.
This time we will discuss a little about CSS3 Filters.
What are CSS3 Filters?
Filters bring effects to the dom, with filters we can create effects that we usually do with Adobe Photoshop or other image management software into our html documents, such as images or forms.
Unfortunately, currently only Chrome supports this facility, so the results cannot be seen when using Firefox.
How to use
In this article we will try some CSS Filter effects that we can use to give an effect to an image.
First, create an HTML structure like the following:
For css, please copy the script snippet below.