css3 Archive


Responsive Grid Item Animation Layout

This is s responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.It’s been developed by Codrops. The responsive layout has a sidebar and grid items that animate to a larger content area when clicked. In …

Auto-Hide Sticky Header

Auto-hide sticky header makes site navigation easily accessible anywhere on the page and saves content space at the same. Auto-hide means hiding the header automatically when a user starts scrolling down the page and bringing the header back when a user might …

3D Curtain Template with CSS3 & jQuery

Another great tutorial from Codyhouse.A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery. The 2-blocks design approach is quite common nowadays. On one side the text paragraph, on …