SH20RAJ

Gravity Points

http://jsdo.it/akm2/5SPA

A Pen by Akimitsu Hamamuro on CodePen.

License.

SH20RAJ

<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>

SH20RAJ

Pure CSS Gradient Background Animation

A simple and clean gradient background animation using only CSS. As used on https://manuelpinto.in

A Pen by Shaswat20raj on CodePen.

License.

SH20RAJ

.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 )

SH20RAJ

CSS 3D Football Field

Experimental football field rendered with CSS 3D transforms and using Velocity JS to handle animation.

A Pen by SH20RAJ on CodePen.

License.

SH20RAJ

SH20RAJ

SH20RAJ

Pull Menu - Menu Interaction Concept

Just pull down and release to jump between pages.

A Pen by SH20RAJ on CodePen.

License.

SH20RAJ

<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>

SH20RAJ

<form id="content">
  <input type="text" name="input" class="input" id="search-input">
  <button type="reset" class="search" id="search-btn"></button>
</form>

SH20RAJ

<div id="search-bar" class="search-bar">
    <input type="text" />
    <div id="close" class="toggle"></div>
</div>

<p>
    Inspired by <a href="https://dribbble.com/shots/1992789-Search?list=buckets&offset=0" target="_blank">this dribbble</a>
</p>