A floating cloud background using CSS Transforms, negative animation delays, and a LESS loop for nth-child staggering.
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
<h1> | |
Today I am feeling | |
<ul class="word-rotate"> | |
<li>creative</li> | |
<li>innovative</li> | |
<li>curious</li> | |
<li>experimental</li> | |
<li>creative</li> | |
<li>innovative</li> | |
<li>curious</li> |
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 class='console-container'><span id='text'></span><div class='console-underscore' id='console'>_</div></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
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'> | |
#stars | |
#stars2 | |
#stars3 | |
#title | |
%span | |
PURE CSS | |
%br | |
%span | |
PARALLAX PIXEL STARS |
Need to add songs dynamically to your playlist? AmplitudJS can help! This example shows how you can add a song object to an AmplitudeJS instance dynamically opening up the door for a wide range of opportunities for your player!
A Pen by IT. Orlando Hernandez (Masterk3y) 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 class="container"> | |
<!-- TOP TABS --> | |
<ul id="tabs" class="nav nav-pills nav-justified"> | |
<li class="active"> | |
<a href="#tab1" data-toggle="tab" class="inactiveLink"> | |
Order Summary | |
<span id="ok-icon" class="glyphicon glyphicon-ok hidden"></span> | |
</a> | |
</li> | |
<li> |
A Pen by Júlio Campos on CodePen.
A pen demonstrating the power of Bootstrap v5 based sleek dashboard Layout.
A Pen by Raghunandan Vempati 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
#wrapper | |
#theMarquee | |
- (0..59).each do |i| | |
.light.off{:class => "0_#{i}"} | |
- (0..59).each do |i| | |
.light.off{:class => "1_#{i}"} | |
- (0..59).each do |i| |
OlderNewer