Pure CSS Slide-out Interface

Interactive Online > Blog  > Web Design  > Pure CSS Slide-out Interface

Pure CSS Slide-out Interface

Here’s a new technique I’m trying out: a slide-out interface element using just CSS, no JavaScript. It can be used for things like fixed navigation bars or little feedback forms you see sometimes on the side of the page. Here’s how it works…

Let’s do the feedback form as an example. See the demo right here. Supports IE7+ and every other modern browser. The default state looks like this, a little green label on the side of the page:

hidden slideout

(read full article on source site)