Skip to content

Instantly share code, notes, and snippets.

View troyledford's full-sized avatar

Troy Ledford troyledford

View GitHub Profile
@troyledford
troyledford / index.html
Created July 19, 2013 02:58
A CodePen by Tim Pietrusky. Monster Energy SVG logo animated - A simple animation for the SVG version of the [monsterenergy.com](http://www.monsterenergy.com/) logo. Why? I love Monster Energy drinks. Just :hover to reset the animation. You can support this with a vote: * [Reddit](http://www.reddit.com/r/web_design/comments/1hxcw1/monster_energy…
<div class="monster">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="124.000000pt" height="174.000000pt" viewBox="0 0 124.000000 174.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,174.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M0 870 l0 -870 620 0 620 0 0 870 0 870 -620 0 -620 0 0 -870z m745
779 c17 -10 40 -23 53 -29 12 -5 22 -16 22 -24 0 -8 12 -19 28 -24 25 -9 26
@troyledford
troyledford / index.html
Created July 19, 2013 02:47
A CodePen by suffick. Tear-able Cloth - Javascript cloth simulation.
<canvas id = "c" > </canvas>
<a target="_blank" href="http://codepen.io/stuffit/pen/fhjvk" id="p">Like playing with physics? Click here!</a>
<div id="info">
<div id="top">
<a target="_blank" id="site" href="http://lonely-pixel.com">my website</a>
<a id="close" href="">close</a>
</div>
<p>
@troyledford
troyledford / index.html
Created July 19, 2013 02:46
A CodePen by Pedro Carmo. Signup Forms - Check out more of the design on dribbble http://drbl.in/ilCu
<body>
<div class="form">
<input type="text" class="input" placeholder="Username">
<div class="break"></div>
<input type="text" class="input" placeholder="E-mail">
<div class="break"></div>
<input type="password" class="input" placeholder="Password">
</div>
<div class="btn btntxt">Begin</div>
</body>
<canvas id="canvas"></canvas>