Collapsing Accordion Pure Css
This example will collapse without the need for any kind of JavaScript.
Made with: HTML,CSS
Tabs
The + selector selects the next adjacent element. Historically this has been cool for styling labels. With CSS grid, an element can be next to another in markup, but somewhere totally different in display. This pen uses a simple input[type="radio"]:checked selector combined with a lot of +'s to style different pages of an imaginary microsite.
Made with: HTML,CSS (SCSS)
Voice Activated Dragon Fire With Variable Fonts
A dragon who breathes fire lights up a campfire when you say the command "Incendio". You can either do this using the less fun way of "clicking the button" or you can click "Use a spell" and say the words "Incendio" to trigger the "spell".
Made with: HTML,CSS (SCSS),JS
Accordion Slider
Simple horizontal jQuery accordion slider.
Made with: HTML,CSS (SCSS),JS