xav76’s gists

xav76 / index.html

Created October 23, 2012 18:50

A CodePen by Mike Romano. LESS Carousel - Css Animations and Vanilla Javascript

	<body>

	<section id='carousel-wrapper'>

	<!--images-->
	<a href='#image-1' id='image-1' class='image'></a>
	<a href='#image-2' id='image-2' class='image'></a>
	<a href='#image-3' id='image-3' class='image'></a>
	<a href='#image-4' id='image-4' class='image'></a>
	<a href='#image-5' id='image-5' class='image'></a>

xav76 / index.html

Created October 23, 2012 18:51

A CodePen by Shaun Kardinal. CSS 3D Nyanaglyph - just cross your eyes, dummy!

	<div class="cyan">
	<div></div>
	</div>

	<div class="red">
	<div></div>
	</div>

xav76 / index.html

Created October 23, 2012 18:53

A CodePen by Andrea Ferrato. CD Cover animations

	<div class="contenitore">
	<div class="poster safari">
	<div class="left"></div>
	<div class="right"></div>
	<div class="tracks">
	<h2>Safari</h2>
	<ul>
	<li>Fango – 4:34</li>
	<li>Mezzogiorno – 4:22</li>
	<li>A te – 4:25</li>

xav76 / index.haml

Created October 23, 2012 18:57

A CodePen by Andy Fitzsimon. Responsive Header - If this looks blank or unstyled, please reload and try again. There might be too much SCSS for codepen to handle during your last request.

	%meta{:content => "width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no", :name => "viewport"}

	%header#header
	.wrapper
	%h1
	%a{:href => "#"}
	Converge
	%abbr UI

	%a.settings{:href => "#"} settings

xav76 / index.html

Created October 23, 2012 18:57

A CodePen by Justin Windle. Worms - Experimenting with Inverse kinematics, Catmull-Rom Splines & Wander Behaviors

	<section id="info">
	<header>
	<hgroup>
	<h1>Worms</h1>
	<h2>Inverse kinematics, Catmull-Rom Splines & Wander Behaviors</h2>
	</hgroup>
	<a href="https://github.com/soulwire/Worms/zipball/master" target="_blank">Download</a>
	<a href="https://github.com/soulwire/Worms" target="_blank">View on Github</a>
	</header>
	</section>

xav76 / index.html

Created October 23, 2012 18:57

A CodePen by Justin Windle. Worms - Experimenting with Inverse kinematics, Catmull-Rom Splines & Wander Behaviors

	<section id="info">
	<header>
	<hgroup>
	<h1>Worms</h1>
	<h2>Inverse kinematics, Catmull-Rom Splines & Wander Behaviors</h2>
	</hgroup>
	<a href="https://github.com/soulwire/Worms/zipball/master" target="_blank">Download</a>
	<a href="https://github.com/soulwire/Worms" target="_blank">View on Github</a>
	</header>
	</section>

xav76 / index.html

Created October 23, 2012 18:58

A CodePen by Marco Barría. CSS Curtain - INPUT and :CHECKED

	<!--
	Autor: Marco Barría
	http://www.flickr.com/photos/marcobarria/5802468782/in/photostream
	-->

	<input type="checkbox"/>
	<div id="izq"></div><div id="der"></div>
	<h1>Lorem Ipsum</h1>

xav76 / index.html

Created October 23, 2012 19:00

A CodePen by nvartolomei.

	<div class="wrapper">
	<div class="stack">
	<div class="border"></div>
	<div class="border"></div>
	<div class="border overlay">
	<img src="https://secure.gravatar.com/avatar/79045cf2a5e6cd8d939d0e6d39327133?s=140" width=140 height=140>
	</div>
	<div class="shadow"></div>
	</div>
	<div class="stack">

xav76 / index.html

Created October 23, 2012 19:02

A CodePen by Justin Windle. Fold Scroll - Experimental CSS3 3D scroll behavior

	<section id="info">
	<header>
	<hgroup>
	<h1>FoldScroll</h1>
	<h2>Experimental CSS 3D scroll behavior</h2>
	</hgroup>
	<a href="https://github.com/soulwire/FoldScroll/zipball/master" target="_blank">Download</a>
	<a href="https://github.com/soulwire/FoldScroll" target="_blank">View on Github</a>
	</header>
	<aside>

xav76 / index.html

Created October 23, 2012 19:06

A CodePen by mareis. Spiralillusjon