CSS Gradients are becoming one of my favorite transition effects in my work. When you combine the power of CSS gradients with CSS blend modes, you can achieve some really impressive results. Plus, when you add a dash of transition on hover, you can blow your users away!

See the Pen CSS Gradient Hover Effect by Jon Daiello (@jondaiello) on CodePen.

Want to talk?

Need help, advice or a speaker for your event? I’d love to connect and help you build novel solutions with design.

Connect with me