Skip to content

Instantly share code, notes, and snippets.

shshaw / index.html
Created Jul 17, 2020
Splitting: 3D Clock
View index.html
<div class="clock">
<span class="cog hours tens" data-splitting>0123456789</span>
<span class="cog hours" data-splitting>0123456789</span>
<span class="colon">:</span>
<span class="cog minutes tens" data-splitting>0123456789</span>
<span class="cog minutes" data-splitting>0123456789</span>
<span class="colon">:</span>
<span class="cog seconds tens" data-splitting>0123456789</span>
<span class="cog seconds" data-splitting>0123456789</span>
View machine.js
const STATES = {
const EVENTS = {
shshaw / index.pug
Last active Jan 3, 2020
View index.pug
h1 hello world
div what's up?
shshaw / blurred-blinds-loader-animation-tutorial-with-backdrop-filter-blur-keyframers-2-13-0.markdown
Created Aug 7, 2019
Blurred Blinds | Loader Animation Tutorial with backdrop-filter: blur | @keyframers 2.13.0
View blurred-blinds-loader-animation-tutorial-with-backdrop-filter-blur-keyframers-2-13-0.markdown
shshaw / index.html
Created Jun 12, 2019
🍍↩️ Pineapple Placement, Part 1 | Complex Web Animation Challenge! | @keyframers 2.8.0
View index.html
<a href="" target="_blank" data-keyframers-credit style="color: #FFF"></a>
<script src=""></script>
<div id="app" data-state="1">
<div class="bg main-bg" data-flip-key="main-bg" data-scene="2"></div>
<div class="bg articles-bg" data-flip-key="main-bg" data-scene="1"></div>
<h1 class="logo">@keyframers</h1>
<form class="search">
View 3d-clock.markdown
shshaw / circular-mask-transition-with-css-chair-circle-keyframers-2-2-0.markdown
Created Apr 16, 2019
Circular Mask Transition with CSS | 💺🔴 Chair Circle | @keyframers 2.2.0
View circular-mask-transition-with-css-chair-circle-keyframers-2-2-0.markdown

Keybase proof

I hereby claim:

  • I am shshaw on github.
  • I am shshaw ( on keybase.
  • I have a public key ASA16kYNrXWwquvjWjg67rboAlQmcC998nlaI3Z2CmSVEQo

To claim this, I am signing this object:

You can’t perform that action at this time.