A very clever technique for turning any image into a duotone version – based on whatever colours you want – using SVG filters from within CSS. There's an additional faux-3D film effect applied here as well, but personally I think the duotone technique is super interesting; love that desaturated, branded look across all of the images!
- Source
- Link to Original 🔗
- Published
- Categories
- HTML & CSS
- Tags
- SVG, filters
Explore Other Notes
⬅ Newer
A rant about front-end development
Every now and then someone writes a really entertaining and/or interesting critique of the whole modern web ecosystem thing that we are stuck using. This is one of those posts. I don't agree with it …
Older ➡
A modern approach to browser support
How should you define where your support starts and finishes? When can you reasonably use a new CSS feature or browser API? Despite my general grumpiness around the new Baseline metrics, Richard (and …
- <!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>A very clever technique for turning any image into a duotone version – based on whatever colours you want – using SVG filters from within CSS. There's an additional faux-3D film effect applied …</p> </body> </html>
- Murray Champernowne
