← shotcowboystyle All experiments
  1. Window Licker
  2. Liquid Glass Widgets
  3. Elastic Accordion
  4. Hold to Delete Button
  5. Morph Surface
  6. Siri Orb
  7. Split Button
  8. Staggered Text
  9. Gooey Cursor Highlight
  10. Stats Widget
  11. Infinity
  12. Carousel
  13. CSS-Only Toggle
  14. Cyclic Sentence Circle
  15. Electric Bento Grid
  16. Fanning Folder
  17. Immature Responsive Design
  18. Profile Card
  19. Bottom Sheet
Experiments Window Licker

Window Licker

A sliding-block loader, played by smileys licking the glass

The classic three-block loader, restyled as three smileys under a pane of glass. Whoever sits beside the empty corner drops into it, but its tongue stays stuck to the glass where it was and slowly licks its way back home.

How it works

All three smileys run one 12-beat keyframe timeline, offset four beats apart. translate moves a smiley between corners while the tongue’s height grows by exactly the same distance with the same easing, so the tip stays pinned to the glass. The tongue then shrinks back into the mouth, and a ::after smear grows behind it to mark the lick. Between moves each smiley turns 90° so its mouth faces the corner it will leave next.