CSS Filters

CSS Filters

CSS has a lot of cool options and for me, one of the best is the filters property + they can save us a lot of time and improve the user experience.

Bellow, I made a quick code to show them in action.

Enjoy :D

https://jsfiddle.net/coderabbitcrypto/yjnc0weL/

Image of Sample CSS Filters

Sort:  

Thanks for sharing the sample :) It is really awesome that we can now use more extended CSS features and it is now essential to be familiar with it. Just a additional note: https://caniuse.com/#search=filter We have to mind cross-platform compatibility issue, which always gives us a headache...

Thank you @cuckooparrot and you're right, compatibility still an issue while handling JS, CSS and some of the more advanced HTML tags around. The next few articles I'll be showing how to handle a couple of those problems and how to fix them.
:D

Yes, please! I am looking forward to them. The compatibility issue sometimes deters us from using new specifications. But we now have more things that we can do with html5 / CSS because I think that there have always been people with curiosity trying out new things and sharing findings like you do. Thank you :)

I admit that do not know exactly what you are taking about. I read a lot of things that go over my head. Ultimately some of it filters down. That wouldn't happen if folks like you didn't share.
Peace and goodwill.

Congratulation coderabbitcrypto! Your post has appeared on the hot page after 3min with 78 votes.
Thanks to @souldelas.