Css-Only Sliding Panels Using Transforms

See the Pen Css-Only Sliding Panels Using Transforms by shshaw (@shshaw) on CodePen.

Css-Only Sliding Panels Using Transforms

Description: Sliding panels around to give greater emphasis to the active panel. Uses only CSS :hover states with transform/opacity transitions for maximum performance. Responsively switches to a stacked layout on smaller screens, or by using the .panels--stacked class.

Browsers: Chrome Edge Firefox Opera Safari

Made with: HTML CSS (Less)

Posted: 12.08.2016

Similar Examples