Full-Width Panel Expansion, CSS only

See the Code
See it Full Page
See Details

Using CSS Vars to progressively enhance expanding panels with animation.

Keyboard support added, though probably not truly accessible. I’ll leave it as an exercise to the reader to add real accessibility with JavaScript.

Thanks to @davidkpiano for help with setup and the [Animation At Work community](http://slack.animationatwork.com) for helpful feedback.

This Pen uses: HTML, LESS, JavaScript, and

Source: Useful Pens for Everyday Front End Development

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *