This is a tutorial by Codrops on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid.
The idea is to initially show a fullscreen image with a title and a toggle button that allows to change the view to a grid. The header with the fullscreen image animates upwards and reveals a grid of image anchors with a title.
The technologies used in this tutorial:
[gpp_button color=”blue” url=”http://tympanus.net/Tutorials/SlidingHeaderLayout/” title=”best wordpress themes” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button] [gpp_button color=”blue” url=”http://tympanus.net/codrops/2014/12/23/sliding-header-layout/” title=”wordpress theme” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Download[/gpp_button]
