Skip to content

Instantly share code, notes, and snippets.

Shaw shshaw

Block or report user

Report or block shshaw

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@shshaw
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
shshaw / index.html
Created Jun 12, 2019
🍍↩️ Pineapple Placement, Part 1 | Complex Web Animation Challenge! | @keyframers 2.8.0
View index.html
<a href="https://youtu.be/Obj0-fID7Yc" target="_blank" data-keyframers-credit style="color: #FFF"></a>
<script src="https://codepen.io/shshaw/pen/QmZYMG.js"></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
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
View keybase.md

Keybase proof

I hereby claim:

  • I am shshaw on github.
  • I am shshaw (https://keybase.io/shshaw) on keybase.
  • I have a public key ASA16kYNrXWwquvjWjg67rboAlQmcC998nlaI3Z2CmSVEQo

To claim this, I am signing this object:

@shshaw
shshaw / index.html
Created Sep 21, 2018
PIXI.js Displacement Mapped Text
View index.html
<label for="input">Type Here</label>
<textarea name="input" id="input">
Hello
world
</textarea>
@shshaw
shshaw / index.html
Created Sep 21, 2018
Pixi JS Displacement Text Effect
View index.html
<div id="px-render"></div>
<textarea id="input">hello</textarea>
@shshaw
shshaw / index.html
Created Aug 23, 2018
Lightning Round ⚡ Text Animations
View index.html
<a href="https://twitch.tv/keyframers" target="_blank" data-keyframers-credit style="color: #FFF">Watch the @keyframers live, Monday @ 21:00 EST</a>
<script src="https://codepen.io/shshaw/pen/QmZYMG.js"></script>
<div class="lightning-round">
<span class="text" data-splitting> LIGHTNING ROUND </span>
<span class="zap" data-splitting>⚡</span>
</div>
You can’t perform that action at this time.