shshaw

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

<label for="input">Type Here</label>
<textarea name="input" id="input">
Hello
world
</textarea>

shshaw

<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>

shshaw

<div class="text-overlap" data-splitting>Extra<b>v</b>agant</div>

shshaw

<div class="tiler">
  <img src="https://picsum.photos/1000/600?image=1067" />
  <div class="tiler-overlay" data-image="https://picsum.photos/1000/600?image=1067"></div>
</div>

<div class="tiler">
  <img src="https://picsum.photos/1000/600?image=1061" />
  <div class="tiler-overlay" data-image="https://picsum.photos/1000/600?image=1061"></div>
</div>

shshaw

<div class="palette" data-cols="10" data-rows="10"></div>

shshaw

(⌐🔴_🔵) Turnable Tables, Part 1 (🔴_🔵¬) | 3D CSS Record Player | @keyframers 1.18.0

Stephen Shaw and a faintly appearing David Khourshid create a 3D turntable with CSS! Control the rotation & open the lid with the power of CSS Variables.

• ⏰ Streamed live on August 13, 2016 at https://twitch.tv/keyframers
• 💡Inspiration: https://dribbble.com/shots/4930227-Vinyls-E-Commerce-App
• 📺 Video: https://youtu.be/tdWxCsAqx7I
• 💻 Code: https://cdpn.io/pen/YjMwqX/

Skip around:

shshaw

Celebrating 1,000!

✅ 1,000 Twitter Followers ✅ 1,000 YouTube Subscribers

Thank you all for your support! 🎉

✍️ Reply with your favorite tips/eps! We'd love to hear what you've learned from the streams ✉️ Sign up at http://keyframe.rs for news about more exciting content coming soon !

shshaw

🖼️ Gliding Gallery | Simple Image Slider Transitions | @keyframers 1.15.0

David Khourshid and Stephen Shaw build a Gliding Gallery, a simple image slider with big transitions.

• ⏰ Streamed live on July 16, 2018 at https://twitch.tv/keyframers
• 💡 Inspiration: https://dribbble.com/shots/4830195-Team-profile-transitions
• 📺 Video: https://youtu.be/DbwdbNi_QUk
• 💻 Code: https://cdpn.io/pen/pZyWPd

Skip around:

shshaw

.splitting-image img { width: 100%; display: block; }

@supports ( display: grid ) {
  .splitting-image {
    position: relative;
    overflow: hidden;
    background-size: cover;
    visibility: hidden;
  }