Hover.css is an open source project, i was privileged to be part of the project team, released in early 2014 and have continued to update with new effects and improvements. A collection of animated transitions that can easily be added to a web page and applied to elements such as links, buttons, and images. There are over 100 effects to choose from that add a subtle but interesting transition to elements when hovered over. Available in CSS, Sass, and LESS formats, Hover.css is easy to integrate into existing and new projects. Also included is Grunt support to allow for automated tasks such as preprocessing and minification. Showing some of the 2D transitions available as a part of the Hover.css library Showing some of the 2D transitions available as a part of the Hover.css library The project is popular amongst the open source community and at the time of writing, has over 6000 stars on GitHub and has been forked by over 1000 users.

Conclusion

Working on Hover.css has given me the opportunity to really experiment with CSS transitions; how to apply them in a way that is subtle yet effective and how to deal with their browser inconsistencies. Although only one page of effects, being an open source project I had the chance to learn how to create a library that can be integrated in many different environments and satisfy many developers and their requirements. Open source projects help the web progress. I wish to eventually spend the majority of my working time on open source. If you’d like to learn more about the projects I am currently working on, and potentially sponsor my contributions towards open source, please get in touch.