SKEWED FLEXBOX PANELS

Author:

  • Ryan Mulligan
  • May 11, 2016

Made with:

  • HTML (Pug) / CSS (SCSS)

About the code:

This is a simple and amazing experiment with skew transforms applied to a series of flexbox panels. It switches the flex-direction to columns for smaller screen sizes. Click the toggle button to see panel transitions without background images.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: Yes

Dependencies:

Download Demo and Code