Folder Preview Examples With CSS Animation When Hovering

These are some ideas for previewing or just playing with folders on hover developed by Codrops. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview for what’s inside. The animations are intended as a fun micro-interaction that give the user some kind of hint of what’s inside the hovered folder.

A couple of modern CSS properties have been used so this demo only works in the latest browsers.

[gpp_button color=”blue” url=”” title=”Animation When Hovering” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button]    [gpp_button color=”blue” url=”” title=”Animation When Hovering” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]

Leave a comment

Your email address will not be published.