Color swatches with hex values on click and rgb values on double-click...actively selected and available to copy.
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="wrapper"> | |
| <div id="progressbar"> | |
| <div id="progress"></div> | |
| </div> | |
| </div> |
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="back"> | |
| </div> | |
| <div id="middle"> | |
| </div> | |
| <div id="front"> | |
| </div> |
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="form"> | |
| <ul class="tab-group"> | |
| <li class="tab active"><a href="#signup">Sign Up</a></li> | |
| <li class="tab"><a href="#login">Log In</a></li> | |
| </ul> | |
| <div class="tab-content"> | |
| <div id="signup"> | |
| <h1>Sign Up for Free</h1> |
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
| <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'> | |
| <link href='http://fonts.googleapis.com/css?family=Signika' rel='stylesheet' type='text/css'> | |
| <h2>TweenMax.staggerTo()</h2> | |
| <div id="demo"> | |
| <p>The start times of each animation are staggered by 0.5 seconds</p> | |
| <div class="box green"></div> | |
| <div class="box grey"></div> | |
| <div class="box orange"></div> | |
| <div class="box green"></div> | |
| <div class="box grey"></div> |
X-men made entirely with CSS+HTML
A Pen by theWhiteFox on CodePen.
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
| for (var index = 1; index <= 15; index++) { | |
| console.log(((['Fizz'][index % 3] || '') + (['Buzz'][index % 5] || '')) || index); | |
| } |
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
| <!-- particles.js container --> <div id="particles-js"></div> <!-- stats - count particles --> <div class="count-particles"> <span class="js-count-particles">--</span> particles </div> <!-- particles.js lib - https://github.com/VincentGarreau/particles.js --> <script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script> <!-- stats.js lib --> <script src="http://threejs.org/examples/js/libs/stats.min.js"></script> |
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
| <!-- particles.js container --> | |
| <div id="particles-js"></div> | |
| <!-- stats - count particles --> | |
| <div class="count-particles"> | |
| <span class="js-count-particles">--</span> particles | |
| </div> | |
| <!-- particles.js lib (JavaScript CodePen settings): https://github.com/VincentGarreau/particles.js --> |