git2358

<form class="screen" novalidate>
  <input id="start" type="checkbox" tabindex="-1">
  <input id="end" type="checkbox" tabindex="-1">
  <input id="last" type="checkbox" tabindex="-1">
  <div class="sky">
    <div></div>
    <div></div>
  </div>
  <div class="base">
    <input type="checkbox" tabindex="-1" required>

git2358

Changing Background Color while scrolling

I wanted to create something simple with a jQuery plugin that I am working on.

A Pen by JP Nothard on CodePen.

License.

git2358

Changing background-color while scrolling version 2

So I thought it was about time I made a better version of my most popular pen.

A Pen by JP Nothard on CodePen.

License.

git2358

pen#PwLXXP

Hi, I'm just your average pen. Kinda new here, just lookin' for frenz.

UPDATE: My cousin pen#JoVrdw joined CodePen!

A Pen by Jake Albaugh on CodePen.

License.

git2358

Banksy Shredder

A simple art shredder made famous by Banksy using CSS Grid and Anime JS. Featuring Anne Blenker's artwork. (www.anneblenker.com) You can read a how-to blog on my hacky approach on Medium: https://medium.com/@leemartin/how-to-recreate-the-banksy-artwork-shredder-using-css-grid-ff20c0f5a19

A Pen by Lee Martin on CodePen.

License.

git2358

#app.wrap
  .bg
  .colors()
    button.refresh(v-on:click="newColors").
      <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 23 23" version="1.1" x="0px" y="0px"><path d="M 12.109896,2.9653518 C 10.830826,2.9134678 9.5257058,3.132602 8.2817758,3.648946 c -3.9806,1.652399 -6.2540499,5.897846 -5.4179699,10.123046 0.8360799,4.2253 4.5540699,7.274132 8.8613301,7.269532 a 0.9995584,1.0006417 14.999899 1 0 0,-2 c -3.3667302,0 -6.2475202,-2.360557 -6.9004002,-5.660157 -0.65294,-3.2997 1.11025,-6.592765 4.22266,-7.884765 3.1124002,-1.292 6.6825102,-0.213669 8.5488302,2.582031 1.85391,2.77709 1.49946,6.460477 -0.8418,8.845703 l 0.0781,-2.365234 a 1.0001,1.0001 0 0 0 -0.98242,-1.046875 1.0001,1.0001 0 0 0 -1.

git2358

Gradient Shapes

A Pen by yuanchuan on CodePen.

License.

git2358

-# Game grid variablesb
-# Make sure these are reflected in the SASS
- rows = 4;
- columns = 12;
- tilesPerSegment = 3;
- tilePerSegmentVertical = 7;
- hasIntro = true;
- hasLoader = true;
-# Game
.game

git2358

<svg id="svg" viewBox="0 0 1000 1000">
  <path id="path1"></path>
  <path id="path2"></path>  
  <path id="path3"></path>  
  <g id="dot-container"></g>
</svg>

git2358

<canvas class="maze"></canvas>