{
  "$type": "site.standard.document",
  "description": "I chose clip-path and skew(), what do you choose?",
  "path": "/thinking-on-ways-to-solve-glitch-effects",
  "publishedAt": "2023-02-01T18:29:23.249Z",
  "site": "at://did:plc:jnj7wcwuvspxdsipmecmx7rs/site.standard.publication/self",
  "tags": [
    "blog",
    "css"
  ],
  "textContent": "I've seen a lot of rad glitch effects as of late and wanted to share my thinking on how to make the effect . Watch it # Chapters: # 0:00 - Introduction 0:38 - Overview 2:00 - Debugging Corner 3:34 - clip-path grunge 4:41 - transform 5:55 - clip-path keyframes 6:45 - transform keyframes 7:50 - HTML 8:17 - CSS 9:56 - JS 12:46 - Debugging Keyframes 13:13 - Outro Try it # Checkout the demo which has a generator for grungy clip-path polygon() 's! Also, see the skull icon in the top left of this page? It's totally using the technique from this challenge 🤘🏻💀",
  "title": "Thinking on GLITCH effects"
}