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=”https://tympanus.net/Development/FolderPreviewIdeas/” title=”Animation When Hovering” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button] [gpp_button color=”blue” url=”https://tympanus.net/codrops/2017/05/17/folder-preview-ideas/” title=”Animation When Hovering” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]