xav76
xav76
/ index.html
Created
October 23, 2012 18:40
A CodePen by Tim Holman. Interactive Racing stripes - Small interactive stripes - used on my homepage: http://tholman.com
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <canvas id="stripes"> | |
| <!-- | |
| The racing stripes I've used on my new homepage | |
| - http://tholman.com | |
| --> |
xav76
/ index.haml
Created
October 23, 2012 18:40
A CodePen by Jeroen Franse. Add .stitch - Just add the .stitch class to your shapes and get a nice stitch effect. I know, this effect is getting old.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| %h1 Add .stitch | |
| .box | |
| .circle | |
| .circle.stitch | |
| .box | |
| .square | |
| .square.stitch | |
| .box | |
| .shape | |
| .shape.stitch |
xav76
/ index.html
Created
October 23, 2012 18:41
A CodePen by Milo Vermeulen. CSS Iris - a css-only animation, combining border-style: dashed and border-radius: 50%. Works best in Chrome
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="holder"> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| <div></div> |
xav76
/ index.html
Created
October 23, 2012 18:42
A CodePen by Simon FREMAUX. Lost In The Dark - My js1k entry - https://github.com/dievardump/js1k/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <canvas id="c"></canvas> |
xav76
/ index.html
Created
October 23, 2012 18:43
A CodePen by Jason Brown. Voronoi Standard animated - Looks like slimey germs :P
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <canvas id="canvas"></canvas> |
xav76
/ index.html
Created
October 23, 2012 18:43
A CodePen by Fabrice Weinberg. Fluid Simulation with Navier Stokes
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1>Fluid Simulation with the Navier Stokes equation</h1> | |
| <div id="wrapper"> | |
| <canvas id="d" width="64" height="64" style="width:100%;height:500px;display:block;position:relative;"></canvas> | |
| <p>Create fluid with left mouse button. Create a force emitter with right mouse button</p> | |
| <div id="fps"></div> | |
| </div> |
xav76
/ index.html
Created
October 23, 2012 18:44
A CodePen by Hugo Giraudel. Single element CSS character - Inspired by Kristy Marcinová's work on Dribbble: http://dribbble.com/shots/736408-Kuka-v3-0.
See it live on Kristy's website: http://kuka.vspace.sk/! Background from skimberk1: http://codepen.io/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="character"></div> |
xav76
/ index.html
Created
October 23, 2012 18:45
A CodePen by Joren Van Hee. Russian River - A response to this tweet by @Matthamm: "If @TrentWalton could do this with CSS I've give him the medal of honour. > http://t.co/9FVQ8bT4"
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="russian-river"> | |
| <div class="trigger1"></div> | |
| <div class="trigger2"></div> | |
| <div class="trigger3"></div> | |
| <div class="trigger4"></div> | |
| <div class="trigger5"></div> | |
| <h1><span class="first-letter">R</span>ussian Rive<span class="last-letter">r</span></h1> | |
| </div> |
xav76
/ index.html
Created
October 23, 2012 18:45
A CodePen by Andrew Creech. Big Fat Toggle Switch - MUST VIEW FULL SIZE!! My first attempt at styling for a stitched look in all CSS. Functionality learned from http://ghinda.net/css-toggle-switches/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="group"> | |
| <fieldset class="switch"> | |
| <legend>Subscribe: </legend> | |
| <input id="yes" name="view" type="radio" checked> | |
| <label for="yes">Yes</label> | |
| <input id="no" name="view" type="radio"> | |
| <label for="no">No</label> | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import "compass"; | |
| html, body { | |
| height: 100%; | |
| } | |
| body { | |
| $bgStart: #fc3; | |
| $bgEnd: #ed2b7a; | |
| background-color: $bgEnd; | |
| @include background-image( |