Ignet IgnetStudio

A better approach to certain kinds of iris wipe effect, previously created in another pen. Creates "in-to-out" iris wipes, discussed in detail on my blog.

Forked from Dudley Storey's Pen Super-Easy Iris Wipe in CSS3.

A Pen by Ignet on CodePen.

License.

HTML5 Video Before-and-After Comparison Slider

Requested in response to my earlier comparison sliders. Full article.

Forked from Dudley Storey's Pen HTML5 Video Before-and-After Comparison Slider.

A Pen by Ignet on CodePen.

License.

Movie Picker

Forked from simurai's Pen Movie Picker.

A Pen by Ignet on CodePen.

License.

A fun textbox

A textbox that looks like a notepad! Forms are fun!

Forked from Stein's Pen A fun textbox.

A Pen by Ignet on CodePen.

License.

3D Paper button effects

I made this demo to try out and illustrate some of the subtle button effects you can create just using box-shadow and borders on pseudo–elements.

Inspired by the work I saw a while back over on Beemuse (http://beemuse.com/paper) and so this is a heavily tweaked more dynamic version of those effects.

Also see Nicolas Gallaghers previous post on effects like this: http://nicolasgallagher.com/css-drop-shadows-without-images/

Tested in latest Chrome and Firefox, but no reason it shouldn't work in all latest browsers.

	/**
	* Loading animation like the one seen on http://www.freeger.com/projects/contextad/ with CSS
	* Caveat: Not DRY. The content needs to be repeated in a data- attribute (or directly in the CSS).
	*/

	body {
	background: #ccc51c;
	min-height: 100%;
	}