Tag: CSS

CSS-Based Animated Accordion

Posted in Experiments.

CSS Based Animated Accordion | CSSDeck

I was recently asked to publish a codecast on CSS Deck. CSS Deck’s Codecasts are realtime playbacks of the coding of an example, so you can follow along and see how a piece comes together. I decided to show off a CSS-based animated accordion I designed for Get Around Maine. This example only uses CSS… Read more »

							    	

Skyrim-Inspired Drop Down Menu Experiment

Posted in Experiments.

Skyrim-inspired Drop Down Menu

Anyone who has played the popular video game Skyrim has seen their unique flyout menu system. I decided to attempt to recreate a similar style for the web. With the exception of the background image, the entire experiment is CSS-based. I used some radial gradients, pseudo elements, and CSS transforms to achieve the effect. Click… Read more »