Responsive Sliding Panels

This is a nice light responsive sliding panels component that primarily works using the ::checked and sibling selector technique.

As a result even with javascript turned off the user can still transition between the various panels

It uses css animations to transition the panels in and out of the viewable area

Examples

HTML

CSS

Javascript (optional)

Licence

Creative Commons BY-SA

[gp-comments]
Top