e1blue

CSS Scroll Snap: How Do I Look In This?

A style picker

As usual, scroll snap buggy/janky with mousewheel :(

Avatars from https://avachara.com/avatar/fashion.php Random words from https://www.ties.com/blog/100-years-of-mens-fashion

A Pen by Olivia Ng on CodePen.

e1blue

#example_game

e1blue

11/12: Paint on Mouse Move

Animated a little drawing I did with parallaxing and 3D transforms :) She paints in rainbow brush strokes wherever your mouse goes.

A Pen by Angela He on CodePen.

License.

e1blue

<header>
  <div class="wrap">
    <h1>Radial-gradient</h1>
    <p>Patterns with
      <a href="https://css-doodle.com" target="_blank">css-doodle</a>
      and CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/radial-gradient" target="_blank">radial-gradient()</a>.
    </p>
  </div>
</header>
<ul class="patterns">

e1blue

Five habit tracker - LocalStorage

You'll be able to keep track of five habits of your choice. You can custom each habit name and its color. You won't loose any progress made since it uses localStorage to keep it all.

If the month changes you'll have the chance to keep the same habits or modify them. You'll be able to see the previous/next data if there is as well.

This tracker is Sean McCabe idea's so you can check his page and learn more about it.

A Pen by Romina on CodePen.

e1blue

<script id="fragmentShader" type="x-shader/fragment">
/**
 * Original shader code by Soulman
 * https://stackoverflow.com/a/5493122/388201
 **/
  
precision highp float;

const float PI = 3.14159265358979323846264;
const float TWOPI = PI*2.0;

e1blue

<div class="man">
  <div class="head"></div>
  <div class="body"></div>
  <div class="feet">
    <div class="foot"></div>
    <div class="foot"></div>
  </div>
</div>

e1blue

GIS Happy friendship Day!

A Pen by Manajit Pal on CodePen.

License.

e1blue

Game prototype

A Pen by Thibaud Goiffon on CodePen.

License.

e1blue

[game prototype], Taxi apocalypse

Little endless scroller I would like to refine, if you have any suggestion / advice about the code or gameplay go on.

Credits : Music from Trevor Lentz ( https://opengameart.org/content/just-move)

A Pen by Thibaud Goiffon on CodePen.

License.