Cool CSS Tricks I Learned

Check this out!

Hover over above to check out the pink to green transition!

Before Filter...

This is the original image. Photo by Lukas Budimaier from StockSnap

After Filter...

This is the image with a sepia filter. Photo by Lukas Budimaier from StockSnap

Before Transform...

This is the original element.

After Transform...

This is the transformed element using matrix().

Animations...

This is an example of an animation that shows the image at different grayscale percentages. Photo by Sam Jotham from StockSnap

Background Photo by Joe deSousa from StockSnap