Web Design

Blend it!

Diagonal Thumbnails Gallery

Avatar pehaa posted in Web Design over 2 years ago

pepsized.com - We got used to standard grids and clear horizontal and vertical axes. No wonder that the eye-catching layouts based on the diagonal lines have become one of the recent trends in web design. In this tutorial we will create a very simple diagonal thumbnails gallery. We will use css3 2D-transforms and pseudo elements to display the diamond-shaped elements with a background image.


Users who blended this post

  • Stringio

No comments yet.  Be the first!

Sign Up To Post Comments