It appeared that the robots were dancing in perfect synchronous harmony. That is, until something unexplained happened and drove them to break apart.
A Pen by Gerard Ferrandez on CodePen.
<h2>Weekly Coding Challenge #1: Sign in/up Form</h2> | |
<div class="container" id="container"> | |
<div class="form-container sign-up-container"> | |
<form action="#"> | |
<h1>Create Account</h1> | |
<div class="social-container"> | |
<a href="#" class="social"><i class="fab fa-facebook-f"></i></a> | |
<a href="#" class="social"><i class="fab fa-google-plus-g"></i></a> | |
<a href="#" class="social"><i class="fab fa-linkedin-in"></i></a> | |
</div> |
It appeared that the robots were dancing in perfect synchronous harmony. That is, until something unexplained happened and drove them to break apart.
A Pen by Gerard Ferrandez on CodePen.
A Pen by Akimitsu Hamamuro on CodePen.
This is the second demo for my motion graphics library mo·js with v0.119.0.
My intention was to create a gallery of demos. Each bubble should have an icon to make the ability to interact with it obvious. Also content for each bubble should represent some project and not to be the dummy placeholder.
Thanks for watching! :D
git repo for this demo: https://github.com/legomushroom/port git repo for mo·js library: https://github.com/legomushroom/mojs
A simple and clean gradient background animation using only CSS. As used on https://manuelpinto.in
A Pen by Shaswat20raj on CodePen.
.tic-tac-toe | |
- for (var turn = 1; turn <= 9; turn++) | |
- for (var row = 1; row <= 3; row++) | |
- for (var column = 1; column <= 3; column++) | |
- var player = "1" | |
- var positionHorizontal = "" | |
- var positionVertical = "" | |
- var positionDiagonal = "" | |
if( turn % 2 == 0 ) |
<h1> Responsive Material Design Form | |
<small>Material Design delivers a cleaner and flatter user interface</small> | |
</h1> | |
<section class="contact-wrap"> | |
<form action="" class="contact-form"> | |
<div class="col-sm-6"> | |
<div class="input-block"> | |
<label for="">First Name</label> | |
<input type="text" class="form-control"> | |
</div> |