git2358

Custom Select dropdown

Pure CSS custom dropdown menu.

A Pen by Sverrir Sigmundarson on CodePen.

License.

git2358

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.

git2358

<div class="parallax sprite">

  <div class="parallax__layer parallax__layer--bg sprite"></div>

  <div class="parallax__carousel">
    <div class="parallax__carousel__cell sprite"></div>
    <div class="parallax__carousel__cell sprite"></div>
    <div class="parallax__carousel__cell sprite"></div>
    <div class="parallax__carousel__cell sprite"></div>
    <div class="parallax__carousel__cell sprite"></div>

git2358

<div id="root"></div>

git2358

<div class="wrap">
    <div class="stepper">
        <span class="count first active hide">15</span>
        <span class="count second next"></span>
    </div>
    <img src="https://alikinvv.github.io/stepper-iteration/build/img/arrow-top.svg" alt="" class="arrow-top">
    <img src="https://alikinvv.github.io/stepper-iteration/build/img/arrow-bottom.svg" alt="" class="arrow-bottom">
</div>

<span class="desc">Hold & Drag</span>

git2358

Delayed Momentum Scroll

A Pen by Leo Seyers on CodePen.

License.

git2358

FIRE!

Created for the December 2018 CodePen Challenge

A Pen by Inexorable Ace on CodePen.

License.

git2358

CSS Gooey Text Transition

A very simple and versatile text morphing effect with a couple editable parameters.

A Pen by Mike Golus on CodePen.

License.

git2358

<div class="window cut">
  <div class="container">
    <div class="tick"><div class="letter">I</div></div>
    <div class="tick"><div class="letter">O</div></div>
    <div class="tick"><div class="letter">I</div></div>
    <div class="tick"><div class="letter">O</div></div>
    <div class="tick"><div class="letter">I</div></div>
    <div class="tick"><div class="letter">O</div></div>
    <div class="tick"><div class="letter">I</div></div>
    <div class="tick"><div class="letter">O</div></div>

git2358

div#hadouken
  h1.text HADOUKEN!