Home > Grid & Layout > Isometric and 3D Grids with CSS3
Isometric and 3D Grids with CSS3

Isometric and 3D Grids with CSS3

Some experimental isometric and 3D grids  with CSS3. The idea is to use isometric and 3D grids as decorative elements or with some interaction.

Today we’d like to share some isometric grid styles with you. The inspiration comes from the Hotchkiss website where an isometric, scrollable grid is shown with some cool hover effects. In our first experiment we created a scrollable grid just like the one seen on that site, with some hover effects that involve random rotations. The second demo shows some ideas for “static” grids that are not scrollable but that serve more kind of a decorative purpose.

  Website Demo

About admin