CSS3 Transition effects are being researched more and used more often in public websites enhancing the UX for the viewers and creating inspiration for other web designers.
Codrops is one of the best websites out there right now to find cutting edge web technology and fresh ideas to implement using existing technology. It is no surprise they land on this list more than one time.
Joshua Johnson on Design Shack has laid out 10 easy to implement pure CSS3 image over animations. If you are looking for quick and easy to deploy image effects to spice up your site, these are definitely worth looking at!
This tutorial created by Alessio Atzeni shows some really cool, original image rollover animations using CSS3 to enhance the user experience. Easy to implement and really interesting ideas!
This effect is really cool to use on an interactive infographic or a menu that uses icons or imagery to navigate. A little more exciting than the normal hover states for menu items. Great idea and easy to implement.
I hope you find these tutorials as useful and informative as I have, thanks for stopping by!
- 5 Useful Image Hover Animations to Enhance the UX (jordanhauge.wordpress.com)
- Create a Pentagon Hover Effect with CSS3 and jQuery (jqueryrain.com)
- Simplest Way to Create Cool CSS3 Animation Effects (queness.com)