A proof of concept for a space ship configurator that i'm working on. :]
A Pen by Lewi Hussey on CodePen.
This file contains 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
<script> | |
var message = ''; | |
var ba = [ "Chrome", "Firefox", "Safari", "Opera", "MSIE", "Trident", "Edge" ]; | |
var b, ua = navigator.userAgent ; | |
for ( var i=0; i < ba.length; i++ ) { | |
if ( ua.indexOf(ba[i]) > -1 ) { | |
b = ba[i] ; | |
break ; | |
} | |
} |
A vanilla.js canvas confetti animation. Move the mouse to change direction.
A Pen by Linmiao Xu on CodePen.
This programmatically generates a star field. The stars group around a curve which creates a look like the Milky Way. The stars also twinkle slightly.
A Pen by Viper Bailey on CodePen.
This file contains 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> | |
<h1>Sennheiser presents</h1> | |
<h2>Momentum</h2> | |
</div> |
This file contains 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="loadingPage" v-show='show' transition="fade"> | |
<div id="container"> | |
<div class="a1"> | |
<div class="mo-boy"></div> | |
<div class="mo-girl"></div> | |
<div class="mo-mo"></div> | |
<div class="mo-wheel2"></div> | |
<div class="mo-wheel1"></div> | |
</div> | |
<div class="motor_shadow"></div> |
This file contains 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="container"> | |
<section class="loadingPixel"> | |
<section class="border one"></section> | |
<section class="border two"></section> | |
<section class="border three"></section> | |
<section class="border four"></section> | |
<section id="center"></section> | |
</section> | |
</div> |