{"__browser":{"country":"US","device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer *; ambient-light-sensor *; camera *; display-capture *; encrypted-media *; geolocation *; gyroscope *; microphone *; midi *; payment *; vr *; web-share *; serial *; xr-spatial-tracking *","iframe_sandbox":"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups-to-escape-sandbox allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain Anonymous","name":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"featureFlags":[],"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails"},"__user":{"anon":true,"base_url":"/anon/","cohorts":[],"current_team_hashid":null,"current_team_id":0,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNzM2NzI5ODc2LCJpYXQiOjE3MzY3MjYyNzYsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.-JRpfPzhZE10ZnXT8GCE1i6c7jWIfmIeZxxxNL5hiq4En4sA2Uj0MpPArWyROM4njwRwoSgo2cWrcZHLdSz2k3N7KMP1H7qxRIR_pDPM7_iBDY956yKzU16Gz5kICAQOpaSvUJC6OnMeyNIdZv5llUIoUG8CPt0pOnuFINZcl5AanDLLhiDstb2jDa1oREwvxkpSBb2X0VvPcbJWg3T_eExR3-zXzZyZGZRZXirSiJLkJWpWcVIgnivS0Bw449lWfrIDeYFY4UZQ7hoXCZjLWU4uZGDD7XaNjs1SJf7z4pF7nVXqhrhwes--NEYM-hI8xvXOqcJIGLMof0IOW0cu9g"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__tv_pens":[{"editor_url":"https://codepen.io/bennettfeely/pen/AgbQRQ","slug_hash":"CkHng","title":"Happy Text","url":"https://codepen.io/bennettfeely/fullembedgrid/AgbQRQ","user":{"name":"Bennett Feely","url":"/bennettfeely"}},{"editor_url":"https://codepen.io/jkneb/pen/kPwMrb","slug_hash":"DEyxq","title":"CSS3 Panda Face","url":"https://codepen.io/jkneb/fullembedgrid/kPwMrb","user":{"name":"Julien Knebel","url":"/jkneb"}},{"editor_url":"https://codepen.io/maxw3st/pen/kPqXjY","slug_hash":"JcGsd","title":"Crossfade images","url":"https://codepen.io/maxw3st/fullembedgrid/kPqXjY","user":{"name":"maxw3st","url":"/maxw3st"}},{"editor_url":"https://codepen.io/tvolodimir/pen/AXdJZp","slug_hash":"oLijd","title":"spiral loader","url":"https://codepen.io/tvolodimir/fullembedgrid/AXdJZp","user":{"name":"Volodymyr","url":"/tvolodimir"}},{"editor_url":"https://codepen.io/anthonybruno/pen/Dvxgav","slug_hash":"bcwlj","title":"Birds and stuff","url":"https://codepen.io/anthonybruno/fullembedgrid/Dvxgav","user":{"name":"Anthony Bruno","url":"/anthonybruno"}},{"editor_url":"https://codepen.io/thibaudbe/pen/nzwKGP","slug_hash":"rKoFp","title":"Tectonic plates","url":"https://codepen.io/thibaudbe/fullembedgrid/nzwKGP","user":{"name":"Thibaud B.","url":"/thibaudbe"}},{"editor_url":"https://codepen.io/Patu/pen/npwvQw","slug_hash":"tbhFn","title":"test","url":"https://codepen.io/Patu/fullembedgrid/npwvQw","user":{"name":"Patu","url":"/Patu"}},{"editor_url":"https://codepen.io/HEGG/pen/AGvQyp","slug_hash":"JAFml","title":"Smoothed Particle Hydrodynamics V2","url":"https://codepen.io/HEGG/fullembedgrid/AGvQyp","user":{"name":"HEGG","url":"/HEGG"}},{"editor_url":"https://codepen.io/MariamMassadeh/pen/ARLBwW","slug_hash":"Bzpmg","title":"Simple blog container, tool tip, simple animation on hover","url":"https://codepen.io/MariamMassadeh/fullembedgrid/ARLBwW","user":{"name":"Mariam Massadeh","url":"/MariamMassadeh"}},{"editor_url":"https://codepen.io/Synvox/pen/DRMvoZ","slug_hash":"IBzLr","title":"DRMvoZ","url":"https://codepen.io/Synvox/fullembedgrid/DRMvoZ","user":{"name":"Ryan Allred","url":"/Synvox"}},{"editor_url":"https://codepen.io/koohaaraa/pen/nrvMER","slug_hash":"pdnFy","title":"canvas 6：踊る平面","url":"https://codepen.io/koohaaraa/fullembedgrid/nrvMER","user":{"name":"kei kohara","url":"/koohaaraa"}},{"editor_url":"https://codepen.io/Sonick/pen/kxjNEK","slug_hash":"CmtEK","title":"PukaMen :D ","url":"https://codepen.io/Sonick/fullembedgrid/kxjNEK","user":{"name":"Nick Mkrtchyan","url":"/Sonick"}},{"editor_url":"https://codepen.io/joeellis/pen/DwXLJQ","slug_hash":"qhztx","title":"Scrolling background with translate3d","url":"https://codepen.io/joeellis/fullembedgrid/DwXLJQ","user":{"name":"Joe Ellis","url":"/joeellis"}},{"editor_url":"https://codepen.io/Xpressive_Team/pen/AwEgap","slug_hash":"LeHGF","title":"R2D2","url":"https://codepen.io/Xpressive_Team/fullembedgrid/AwEgap","user":{"name":"Xpressive Team","url":"/Xpressive_Team"}},{"editor_url":"https://codepen.io/matt-west/pen/DyRJax","slug_hash":"bGdEC","title":"requestAnimationFrame Demo","url":"https://codepen.io/matt-west/fullembedgrid/DyRJax","user":{"name":"Matt West","url":"/matt-west"}},{"editor_url":"https://codepen.io/john052/pen/kGwjWx","slug_hash":"inFdc","title":"BZReaction 2 - Faster","url":"https://codepen.io/john052/fullembedgrid/kGwjWx","user":{"name":"John S","url":"/john052"}},{"editor_url":"https://codepen.io/TomMcPadden/pen/nOrgQb","slug_hash":"moBhF","title":"CSS Loading Animation","url":"https://codepen.io/TomMcPadden/fullembedgrid/nOrgQb","user":{"name":"TomMcPadden","url":"/TomMcPadden"}},{"editor_url":"https://codepen.io/Yliabahus/pen/krRYZp","slug_hash":"tIkem","title":"krRYZp","url":"https://codepen.io/Yliabahus/fullembedgrid/krRYZp","user":{"name":"Bahus","url":"/Yliabahus"}},{"editor_url":"https://codepen.io/mgrpeu/pen/nPgZvj","slug_hash":"LHvks","title":"animated rounded triangle","url":"https://codepen.io/mgrpeu/fullembedgrid/nPgZvj","user":{"name":"MgrPeu","url":"/mgrpeu"}},{"editor_url":"https://codepen.io/msval/pen/dybzOV","slug_hash":"KebBd","title":"Cross Country Mass Start","url":"https://codepen.io/msval/fullembedgrid/dybzOV","user":{"name":"Marko Švaljek","url":"/msval"}},{"editor_url":"https://codepen.io/benjammin412/pen/oNNzXY","slug_hash":"IaqJK","title":"Orb Progress Bar","url":"https://codepen.io/benjammin412/fullembedgrid/oNNzXY","user":{"name":"Ben Anderson","url":"/benjammin412"}},{"editor_url":"https://codepen.io/GhostRider/pen/OJMmww","slug_hash":"AwKJF","title":"HTML5 City trails","url":"https://codepen.io/GhostRider/fullembedgrid/OJMmww","user":{"name":"Ghost Rider","url":"/GhostRider"}},{"editor_url":"https://codepen.io/thebabydino/pen/MWeWeg","slug_hash":"gfuCh","title":"Stretching circles","url":"https://codepen.io/thebabydino/fullembedgrid/MWeWeg","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/jstn/pen/ExZoyV","slug_hash":"ErbjL","title":"Mobile Friendly Reading v2.0","url":"https://codepen.io/jstn/fullembedgrid/ExZoyV","user":{"name":"Justin","url":"/jstn"}},{"editor_url":"https://codepen.io/stursby/pen/vYgdyv","slug_hash":"rugoe","title":"Word Clock","url":"https://codepen.io/stursby/fullembedgrid/vYgdyv","user":{"name":"Charlie Hield","url":"/stursby"}},{"editor_url":"https://codepen.io/flurrd/pen/dyvwZO","slug_hash":"zfdgL","title":"Math JS Study ","url":"https://codepen.io/flurrd/fullembedgrid/dyvwZO","user":{"name":"Marcus Hall","url":"/flurrd"}},{"editor_url":"https://codepen.io/kenjiSpecial/pen/poPrJK","slug_hash":"zsGrB","title":"Day22: undefined","url":"https://codepen.io/kenjiSpecial/fullembedgrid/poPrJK","user":{"name":"Kenji Saito","url":"/kenjiSpecial"}},{"editor_url":"https://codepen.io/odedw/pen/RwVyaR","slug_hash":"lncpk","title":"Fractal Plant L-System","url":"https://codepen.io/odedw/fullembedgrid/RwVyaR","user":{"name":"Oded Welgreen","url":"/odedw"}},{"editor_url":"https://codepen.io/imhvost/pen/dyRozV","slug_hash":"Ldkxg","title":"dyRozV","url":"https://codepen.io/imhvost/fullembedgrid/dyRozV","user":{"name":"imhvost","url":"/imhvost"}},{"editor_url":"https://codepen.io/rednosemonkey/pen/BawxpN","slug_hash":"Krjze","title":"simple sphere","url":"https://codepen.io/rednosemonkey/fullembedgrid/BawxpN","user":{"name":"Nick Katz","url":"/rednosemonkey"}},{"editor_url":"https://codepen.io/AceDesigns/pen/mdqeML","slug_hash":"IcDak","title":"Circle Loader","url":"https://codepen.io/AceDesigns/fullembedgrid/mdqeML","user":{"name":"Alex Sindalovsky","url":"/AceDesigns"}},{"editor_url":"https://codepen.io/dancotton/pen/oNdgzY","slug_hash":"tkgmL","title":"Google Style Loading Spinner - CSS","url":"https://codepen.io/dancotton/fullembedgrid/oNdgzY","user":{"name":"Daniel Cotton","url":"/dancotton"}},{"editor_url":"https://codepen.io/labdev/pen/wvxwBE","slug_hash":"cEJvy","title":"Parallax Canvas Masking","url":"https://codepen.io/labdev/fullembedgrid/wvxwBE","user":{"name":"Aaron Buchanan","url":"/labdev"}},{"editor_url":"https://codepen.io/TimLamber/pen/PodVQQ","slug_hash":"ycJoa","title":"PodVQQ","url":"https://codepen.io/TimLamber/fullembedgrid/PodVQQ","user":{"name":"@TimLamber","url":"/TimLamber"}},{"editor_url":"https://codepen.io/Remwks/pen/poxyMM","slug_hash":"EDiqm","title":"poxyMM","url":"https://codepen.io/Remwks/fullembedgrid/poxyMM","user":{"name":"Rémy","url":"/Remwks"}},{"editor_url":"https://codepen.io/jagarikin/pen/PoxMMP","slug_hash":"mIxto","title":"畑政義写像","url":"https://codepen.io/jagarikin/fullembedgrid/PoxMMP","user":{"name":"jagarikin","url":"/jagarikin"}},{"editor_url":"https://codepen.io/zadvorsky/pen/wvRvQN","slug_hash":"tdqEo","title":"A very simple loader","url":"https://codepen.io/zadvorsky/fullembedgrid/wvRvQN","user":{"name":"Szenia Zadvornykh","url":"/zadvorsky"}},{"editor_url":"https://codepen.io/ramenhog/pen/jOJLQO","slug_hash":"DyrEb","title":"Hypnotic Circle Ripples","url":"https://codepen.io/ramenhog/fullembedgrid/jOJLQO","user":{"name":"Stephanie","url":"/ramenhog"}},{"editor_url":"https://codepen.io/trevorlang/pen/ExJdrQ","slug_hash":"jLHrv","title":"Sleepy Yoda","url":"https://codepen.io/trevorlang/fullembedgrid/ExJdrQ","user":{"name":"Trevor Lang","url":"/trevorlang"}},{"editor_url":"https://codepen.io/csteinert/pen/OJYjvQ/a1182805527a5e5828f8f3591efb74d1","slug_hash":"zyngB","title":"S-W Swatch Animation","url":"https://codepen.io/csteinert/fullembedgrid/OJYjvQ/a1182805527a5e5828f8f3591efb74d1","user":{"name":"Caitlin Steinert","url":"/csteinert"}},{"editor_url":"https://codepen.io/jackmoran/pen/yLdJEo","slug_hash":"zkItr","title":"yLdJEo","url":"https://codepen.io/jackmoran/fullembedgrid/yLdJEo","user":{"name":"JT","url":"/jackmoran"}},{"editor_url":"https://codepen.io/boomershin/pen/PwYNZj","slug_hash":"Dvzml","title":"Gravitators","url":"https://codepen.io/boomershin/fullembedgrid/PwYNZj","user":{"name":"Matheus Lin","url":"/boomershin"}},{"editor_url":"https://codepen.io/Rishadan/pen/QwWEjY","slug_hash":"QwWEjY","title":"Spinner","url":"https://codepen.io/Rishadan/fullembedgrid/QwWEjY","user":{"name":"Rishadan","url":"/Rishadan"}},{"editor_url":"https://codepen.io/Mestika/pen/ByNYBa","slug_hash":"ByNYBa","title":"Facebook Content Placeholder","url":"https://codepen.io/Mestika/fullembedgrid/ByNYBa","user":{"name":"Emil Devantie Brockdorff","url":"/Mestika"}},{"editor_url":"https://codepen.io/satchmorun/pen/PwzdKp","slug_hash":"PwzdKp","title":"Triangles","url":"https://codepen.io/satchmorun/fullembedgrid/PwzdKp","user":{"name":"Arun Srinivasan","url":"/satchmorun"}},{"editor_url":"https://codepen.io/xmark/pen/azpGGK","slug_hash":"azpGGK","title":"Layout","url":"https://codepen.io/xmark/fullembedgrid/azpGGK","user":{"name":"Mark","url":"/xmark"}},{"editor_url":"https://codepen.io/Codepixl/pen/ogWWaK","slug_hash":"ogWWaK","title":"RGB Color fade Algorithm","url":"https://codepen.io/Codepixl/fullembedgrid/ogWWaK","user":{"name":"Codepixl","url":"/Codepixl"}},{"editor_url":"https://codepen.io/nicolazj/pen/vEmayX","slug_hash":"vEmayX","title":"App Icon - PopKey","url":"https://codepen.io/nicolazj/fullembedgrid/vEmayX","user":{"name":"nicolazj","url":"/nicolazj"}},{"editor_url":"https://codepen.io/tmrDevelops/pen/pvwVZv","slug_hash":"pvwVZv","title":"CubeNotic","url":"https://codepen.io/tmrDevelops/fullembedgrid/pvwVZv","user":{"name":"Tiffany Rayside","url":"/tmrDevelops"}},{"editor_url":"https://codepen.io/rikschennink/pen/gbRBeY","slug_hash":"gbRBeY","title":"PI to Canvas","url":"https://codepen.io/rikschennink/fullembedgrid/gbRBeY","user":{"name":"Rik Schennink","url":"/rikschennink"}},{"editor_url":"https://codepen.io/forrestbe/pen/JoOjex","slug_hash":"JoOjex","title":"Playing around with CSS transitions","url":"https://codepen.io/forrestbe/fullembedgrid/JoOjex","user":{"name":"Forrest Brownlie","url":"/forrestbe"}},{"editor_url":"https://codepen.io/kowlor/pen/MYOKRd","slug_hash":"MYOKRd","title":"#DaftPunKonsole","url":"https://codepen.io/kowlor/fullembedgrid/MYOKRd","user":{"name":"Malik Dellidj","url":"/kowlor"}},{"editor_url":"https://codepen.io/gbnikolov/pen/GgxJqN","slug_hash":"GgxJqN","title":"Bezier curves through multiple points","url":"https://codepen.io/gbnikolov/fullembedgrid/GgxJqN","user":{"name":"Georgi Nikolov","url":"/gbnikolov"}},{"editor_url":"https://codepen.io/thebabydino/pen/pvLPOQ","slug_hash":"pvLPOQ","title":"Styled native range input #45 (updated 2021, no JS)","url":"https://codepen.io/thebabydino/fullembedgrid/pvLPOQ","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/gbnikolov/pen/Pwepyo","slug_hash":"Pwepyo","title":"Dots connections","url":"https://codepen.io/gbnikolov/fullembedgrid/Pwepyo","user":{"name":"Georgi Nikolov","url":"/gbnikolov"}},{"editor_url":"https://codepen.io/jackrugile/pen/ZYMJpd","slug_hash":"ZYMJpd","title":"Canvas Snake Bugs","url":"https://codepen.io/jackrugile/fullembedgrid/ZYMJpd","user":{"name":"Jack Rugile","url":"/jackrugile"}},{"editor_url":"https://codepen.io/pmk/pen/raPKRa","slug_hash":"raPKRa","title":"Alhambra","url":"https://codepen.io/pmk/fullembedgrid/raPKRa","user":{"name":"PMK","url":"/pmk"}},{"editor_url":"https://codepen.io/steveswack/pen/MYRzJR","slug_hash":"MYRzJR","title":"Kaleidoscopic","url":"https://codepen.io/steveswack/fullembedgrid/MYRzJR","user":{"name":"Steve Swackhammer","url":"/steveswack"}},{"editor_url":"https://codepen.io/schoenwaldnils/pen/XJvmLv","slug_hash":"XJvmLv","title":"Hypnotizing Circles","url":"https://codepen.io/schoenwaldnils/fullembedgrid/XJvmLv","user":{"name":"Nils Schönwald","url":"/schoenwaldnils"}},{"editor_url":"https://codepen.io/tmrDevelops/pen/dooYbZ","slug_hash":"dooYbZ","title":"Springtime","url":"https://codepen.io/tmrDevelops/fullembedgrid/dooYbZ","user":{"name":"Tiffany Rayside","url":"/tmrDevelops"}},{"editor_url":"https://codepen.io/ludwigfriborg/pen/yNNYXO","slug_hash":"yNNYXO","title":"The intro sequence to last week tonight","url":"https://codepen.io/ludwigfriborg/fullembedgrid/yNNYXO","user":{"name":"Ludwig Friborg","url":"/ludwigfriborg"}},{"editor_url":"https://codepen.io/drewjknapp/pen/GJjMgw","slug_hash":"GJjMgw","title":"Causes of death of Roman emperors, from 14 AD to 395 AD","url":"https://codepen.io/drewjknapp/fullembedgrid/GJjMgw","user":{"name":"Drew Knapp","url":"/drewjknapp"}},{"editor_url":"https://codepen.io/potch/pen/EjXWKQ","slug_hash":"EjXWKQ","title":"Wobbly","url":"https://codepen.io/potch/fullembedgrid/EjXWKQ","user":{"name":"Potch","url":"/potch"}},{"editor_url":"https://codepen.io/mknadler/pen/vOeWZx","slug_hash":"vOeWZx","title":"Towards a Graphemic Analysis of Hair Growth","url":"https://codepen.io/mknadler/fullembedgrid/vOeWZx","user":{"name":"Miriam Nadler","url":"/mknadler"}},{"editor_url":"https://codepen.io/airnan/pen/doVwLg","slug_hash":"doVwLg","title":"holy space cows from the strange universe of cyriak","url":"https://codepen.io/airnan/fullembedgrid/doVwLg","user":{"name":"kittons","url":"/airnan"}},{"editor_url":"https://codepen.io/taro_morimoto/pen/vOWGmq","slug_hash":"vOWGmq","title":"vOWGmq","url":"https://codepen.io/taro_morimoto/fullembedgrid/vOWGmq","user":{"name":"taro_morimoto","url":"/taro_morimoto"}},{"editor_url":"https://codepen.io/sdras/pen/yNpvMa","slug_hash":"yNpvMa","title":"Love Wins!","url":"https://codepen.io/sdras/fullembedgrid/yNpvMa","user":{"name":"Sarah Drasner","url":"/sdras"}},{"editor_url":"https://codepen.io/daviddarnes/pen/VLXxMa","slug_hash":"VLXxMa","title":"Sullivan Buttons","url":"https://codepen.io/daviddarnes/fullembedgrid/VLXxMa","user":{"name":"David Darnes","url":"/daviddarnes"}},{"editor_url":"https://codepen.io/towc/pen/aOYGKb","slug_hash":"aOYGKb","title":"invasion of creepy crawly rainbow fireflies","url":"https://codepen.io/towc/fullembedgrid/aOYGKb","user":{"name":"Matei Copot","url":"/towc"}},{"editor_url":"https://codepen.io/apt/pen/GJYzOJ","slug_hash":"GJYzOJ","title":"Letter explosion","url":"https://codepen.io/apt/fullembedgrid/GJYzOJ","user":{"name":"Apt","url":"/apt"}},{"editor_url":"https://codepen.io/sdras/pen/PqXeMX","slug_hash":"PqXeMX","title":"Showing how to Debug CSS Animation Play States in JavaScript","url":"https://codepen.io/sdras/fullembedgrid/PqXeMX","user":{"name":"Sarah Drasner","url":"/sdras"}},{"editor_url":"https://codepen.io/dazulu/pen/OVqNBY","slug_hash":"OVqNBY","title":"Overlay Tutorial System (with canvas)","url":"https://codepen.io/dazulu/fullembedgrid/OVqNBY","user":{"name":"Adrian Payne","url":"/dazulu"}},{"editor_url":"https://codepen.io/jonathan/pen/NqZPwd","slug_hash":"NqZPwd","title":"GSAP SVG feDisplacementMap & feTurbulence element","url":"https://codepen.io/jonathan/fullembedgrid/NqZPwd","user":{"name":"Jonathan Marzullo","url":"/jonathan"}},{"editor_url":"https://codepen.io/DeptofJeffAyer/pen/waLYxy","slug_hash":"waLYxy","title":"Button, button, who's got the button","url":"https://codepen.io/DeptofJeffAyer/fullembedgrid/waLYxy","user":{"name":"Jeff Ayer","url":"/DeptofJeffAyer"}},{"editor_url":"https://codepen.io/z3vin/pen/xGoMJb","slug_hash":"xGoMJb","title":"Ever seen this creature?","url":"https://codepen.io/z3vin/fullembedgrid/xGoMJb","user":{"name":"Jeremy","url":"/z3vin"}},{"editor_url":"https://codepen.io/Fahscinate/pen/KpOgRW","slug_hash":"KpOgRW","title":"Abstract tartan wallpaper","url":"https://codepen.io/Fahscinate/fullembedgrid/KpOgRW","user":{"name":"Mohammed Fahsi","url":"/Fahscinate"}},{"editor_url":"https://codepen.io/osublake/pen/gpVEzK","slug_hash":"gpVEzK","title":"Flowing Lava","url":"https://codepen.io/osublake/fullembedgrid/gpVEzK","user":{"name":"Blake Bowen","url":"/osublake"}},{"editor_url":"https://codepen.io/z-/pen/YyKRBr","slug_hash":"YyKRBr","title":"Layered Loader","url":"https://codepen.io/z-/fullembedgrid/YyKRBr","user":{"name":"Zed Dash","url":"/z-"}},{"editor_url":"https://codepen.io/dghez/pen/VvYaWq","slug_hash":"VvYaWq","title":"Pure custom css animation on new google logo","url":"https://codepen.io/dghez/fullembedgrid/VvYaWq","user":{"name":"Robert Borghesi","url":"/dghez"}},{"editor_url":"https://codepen.io/silossowski/pen/YyyXjO","slug_hash":"YyyXjO","title":"hiyashi-tsukemen","url":"https://codepen.io/silossowski/fullembedgrid/YyyXjO","user":{"name":"silossowski","url":"/silossowski"}},{"editor_url":"https://codepen.io/andytran/pen/JYYMOo","slug_hash":"JYYMOo","title":"Minion Animation","url":"https://codepen.io/andytran/fullembedgrid/JYYMOo","user":{"name":"Andy Tran","url":"/andytran"}},{"editor_url":"https://codepen.io/Terramaster/pen/bVpxGE","slug_hash":"bVpxGE","title":"bVpxGE","url":"https://codepen.io/Terramaster/fullembedgrid/bVpxGE","user":{"name":"Nicolas","url":"/Terramaster"}},{"editor_url":"https://codepen.io/jaamo/pen/EVyyxy","slug_hash":"EVyyxy","title":"Bikebuilder","url":"https://codepen.io/jaamo/fullembedgrid/EVyyxy","user":{"name":"Jaakko Alajoki","url":"/jaamo"}},{"editor_url":"https://codepen.io/Kublyakov/pen/RWoBZg","slug_hash":"RWoBZg","title":"RWoBZg","url":"https://codepen.io/Kublyakov/fullembedgrid/RWoBZg","user":{"name":"Kirill","url":"/Kublyakov"}},{"editor_url":"https://codepen.io/patetico/pen/YyZBrd","slug_hash":"YyZBrd","title":"Logo animation for hfoy.net","url":"https://codepen.io/patetico/fullembedgrid/YyZBrd","user":{"name":"Patetico","url":"/patetico"}},{"editor_url":"https://codepen.io/thebabydino/pen/ZbKgbV","slug_hash":"ZbKgbV","title":"paperflower","url":"https://codepen.io/thebabydino/fullembedgrid/ZbKgbV","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/rassohilber/pen/QjgERO","slug_hash":"QjgERO","title":"Endless Smiley Animation","url":"https://codepen.io/rassohilber/fullembedgrid/QjgERO","user":{"name":"Rasso Hilber","url":"/rassohilber"}},{"editor_url":"https://codepen.io/judag/pen/jbaLda","slug_hash":"jbaLda","title":"Iceberg...","url":"https://codepen.io/judag/fullembedgrid/jbaLda","user":{"name":"Judith Neumann","url":"/judag"}},{"editor_url":"https://codepen.io/TheodoreVorillas/pen/MaQJZY","slug_hash":"MaQJZY","title":"Mesmerising circle illusion","url":"https://codepen.io/TheodoreVorillas/fullembedgrid/MaQJZY","user":{"name":"vorillaz","url":"/TheodoreVorillas"}},{"editor_url":"https://codepen.io/Gothburz/pen/YyLMVx","slug_hash":"YyLMVx","title":"Codepen Resume Header Background","url":"https://codepen.io/Gothburz/fullembedgrid/YyLMVx","user":{"name":"Peter Girnus","url":"/Gothburz"}},{"editor_url":"https://codepen.io/kevinjannis/pen/Yyjpqe","slug_hash":"Yyjpqe","title":"Master Chief","url":"https://codepen.io/kevinjannis/fullembedgrid/Yyjpqe","user":{"name":"Kevin Jannis","url":"/kevinjannis"}},{"editor_url":"https://codepen.io/danwilson/pen/zveqab","slug_hash":"zveqab","title":"Light up the Tree","url":"https://codepen.io/danwilson/fullembedgrid/zveqab","user":{"name":"Dan Wilson","url":"/danwilson"}},{"editor_url":"https://codepen.io/andytran/pen/MaRqwd","slug_hash":"MaRqwd","title":"Gradient Background Animation","url":"https://codepen.io/andytran/fullembedgrid/MaRqwd","user":{"name":"Andy Tran","url":"/andytran"}},{"editor_url":"https://codepen.io/JeromeRenders/pen/GpbXVQ","slug_hash":"GpbXVQ","title":"Checkerboard optical illusion ","url":"https://codepen.io/JeromeRenders/fullembedgrid/GpbXVQ","user":{"name":"Jerome Renders","url":"/JeromeRenders"}},{"editor_url":"https://codepen.io/thebabydino/pen/Qjejog","slug_hash":"Qjejog","title":"#CodeVember #29 - rainbow tiled wall","url":"https://codepen.io/thebabydino/fullembedgrid/Qjejog","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/cathbailh/pen/GogMGm","slug_hash":"GogMGm","title":"Before::Christmas","url":"https://codepen.io/cathbailh/fullembedgrid/GogMGm","user":{"name":" Bailh","url":"/cathbailh"}},{"editor_url":"https://codepen.io/timseverien/pen/zrNGjG","slug_hash":"zrNGjG","title":"Fireworks!","url":"https://codepen.io/timseverien/fullembedgrid/zrNGjG","user":{"name":"Tim Severien","url":"/timseverien"}},{"editor_url":"https://codepen.io/loktevra/pen/mVMWyq","slug_hash":"mVMWyq","title":"mVMWyq","url":"https://codepen.io/loktevra/fullembedgrid/mVMWyq","user":{"name":"Loktev Roman","url":"/loktevra"}},{"editor_url":"https://codepen.io/JeromeRenders/pen/VerQzX","slug_hash":"VerQzX","title":"Cube construction step by step","url":"https://codepen.io/JeromeRenders/fullembedgrid/VerQzX","user":{"name":"Jerome Renders","url":"/JeromeRenders"}},{"editor_url":"https://codepen.io/mimoduo/pen/LGQWxK","slug_hash":"LGQWxK","title":"Tear","url":"https://codepen.io/mimoduo/fullembedgrid/LGQWxK","user":{"name":"Mimo Duo","url":"/mimoduo"}},{"editor_url":"https://codepen.io/calvrix/pen/BjVzKx","slug_hash":"BjVzKx","title":"A Bike","url":"https://codepen.io/calvrix/fullembedgrid/BjVzKx","user":{"name":"Abhilash Verma","url":"/calvrix"}},{"editor_url":"https://codepen.io/Mamboleoo/pen/adjGom","slug_hash":"adjGom","title":"Portal gel","url":"https://codepen.io/Mamboleoo/fullembedgrid/adjGom","user":{"name":"Louis Hoebregts","url":"/Mamboleoo"}},{"editor_url":"https://codepen.io/supah/pen/ZWGJeR","slug_hash":"ZWGJeR","title":"DailyUI #016 - Popup / Overlay","url":"https://codepen.io/supah/fullembedgrid/ZWGJeR","user":{"name":"Fabio Ottaviani","url":"/supah"}},{"editor_url":"https://codepen.io/PavelLaptev/pen/BKLVYo","slug_hash":"BKLVYo","title":"DailyUI #011 — Flash Message (Error/Success)","url":"https://codepen.io/PavelLaptev/fullembedgrid/BKLVYo","user":{"name":"Pavel Laptev","url":"/PavelLaptev"}},{"editor_url":"https://codepen.io/akhil_001/pen/aNGEZr","slug_hash":"aNGEZr","title":"Uploading...(Pure CSS)","url":"https://codepen.io/akhil_001/fullembedgrid/aNGEZr","user":{"name":"Akhil Sai Ram","url":"/akhil_001"}},{"editor_url":"https://codepen.io/octopus11/pen/reqNqM","slug_hash":"reqNqM","title":"Rising colors","url":"https://codepen.io/octopus11/fullembedgrid/reqNqM","user":{"name":"Dion Snoeijen","url":"/octopus11"}},{"editor_url":"https://codepen.io/rileyjshaw/pen/LNgLBj","slug_hash":"LNgLBj","title":"Stepping down a corridor","url":"https://codepen.io/rileyjshaw/fullembedgrid/LNgLBj","user":{"name":"Riley Shaw","url":"/rileyjshaw"}},{"editor_url":"https://codepen.io/cobra_winfrey/pen/GZPbvr","slug_hash":"GZPbvr","title":"Pizza Time","url":"https://codepen.io/cobra_winfrey/fullembedgrid/GZPbvr","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"editor_url":"https://codepen.io/thebabydino/pen/JXQyom","slug_hash":"JXQyom","title":"polygonal vortex","url":"https://codepen.io/thebabydino/fullembedgrid/JXQyom","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/Anna_Batura/pen/PzYWGe","slug_hash":"PzYWGe","title":"Portfolio","url":"https://codepen.io/Anna_Batura/fullembedgrid/PzYWGe","user":{"name":"@BrawadaCom","url":"/Anna_Batura"}},{"editor_url":"https://codepen.io/AStarusev/pen/yJLRoP","slug_hash":"yJLRoP","title":"Cute axolotl by Sofy for Zajno (CSS animation)","url":"https://codepen.io/AStarusev/fullembedgrid/yJLRoP","user":{"name":"Andrew","url":"/AStarusev"}},{"editor_url":"https://codepen.io/russellk/pen/wWapeY","slug_hash":"wWapeY","title":"Flower","url":"https://codepen.io/russellk/fullembedgrid/wWapeY","user":{"name":"Russell Kitchen","url":"/russellk"}},{"editor_url":"https://codepen.io/AzazelN28/pen/JKdBEV","slug_hash":"JKdBEV","title":"Date Input","url":"https://codepen.io/AzazelN28/fullembedgrid/JKdBEV","user":{"name":"AzazelN28","url":"/AzazelN28"}},{"editor_url":"https://codepen.io/ZachSaucier/pen/aZvKoB","slug_hash":"aZvKoB","title":"Logo made with WebGL tunnel","url":"https://codepen.io/ZachSaucier/fullembedgrid/aZvKoB","user":{"name":"Zach Saucier","url":"/ZachSaucier"}},{"editor_url":"https://codepen.io/heartbox/pen/mEVarr","slug_hash":"mEVarr","title":"#cssloop 025","url":"https://codepen.io/heartbox/fullembedgrid/mEVarr","user":{"name":"Matteo Belfiore","url":"/heartbox"}},{"editor_url":"https://codepen.io/bpmarkowitz/pen/KMNzXe","slug_hash":"KMNzXe","title":"Hypnotize","url":"https://codepen.io/bpmarkowitz/fullembedgrid/KMNzXe","user":{"name":"Ben Markowitz","url":"/bpmarkowitz"}},{"editor_url":"https://codepen.io/kzf/pen/jryLoV","slug_hash":"jryLoV","title":"Sine Ball","url":"https://codepen.io/kzf/fullembedgrid/jryLoV","user":{"name":"Kevin","url":"/kzf"}},{"editor_url":"https://codepen.io/danotter/pen/EymJZV","slug_hash":"EymJkV","title":"AppleTV card animation","url":"https://codepen.io/danotter/fullembedgrid/EymJZV","user":{"name":"Dan Vidrasan","url":"/danotter"}},{"editor_url":"https://codepen.io/bennettfeely/pen/LZoQZr","slug_hash":"LkoQkA","title":"Pure CSS calc(ulator)","url":"https://codepen.io/bennettfeely/fullembedgrid/LZoQZr","user":{"name":"Bennett Feely","url":"/bennettfeely"}},{"editor_url":"https://codepen.io/hexagoncircle/pen/amZajZ","slug_hash":"amkajk","title":"HypnotizZzZz","url":"https://codepen.io/hexagoncircle/fullembedgrid/amZajZ","user":{"name":"Ryan Mulligan","url":"/hexagoncircle"}},{"editor_url":"https://codepen.io/dboikliev/pen/YGZeeN","slug_hash":"YGkZZN","title":"Starfield","url":"https://codepen.io/dboikliev/fullembedgrid/YGZeeN","user":{"name":"Deyan","url":"/dboikliev"}},{"editor_url":"https://codepen.io/rlo206/pen/RGLNee","slug_hash":"RGLNZZ","title":"Crazy Tables","url":"https://codepen.io/rlo206/fullembedgrid/RGLNee","user":{"name":"Robert Lowe","url":"/rlo206"}},{"editor_url":"https://codepen.io/Virtuousquare/pen/jMobMj","slug_hash":"jrobrj","title":"CSS Quest - level 1","url":"https://codepen.io/Virtuousquare/fullembedgrid/jMobMj","user":{"name":"Virtuousquare","url":"/Virtuousquare"}},{"editor_url":"https://codepen.io/jappe/pen/QGbEad","slug_hash":"QGbEad","title":"#Codevember 3: Sunshine","url":"https://codepen.io/jappe/fullembedgrid/QGbEad","user":{"name":"Jappe","url":"/jappe"}},{"editor_url":"https://codepen.io/hollow3d/pen/ENgvvX","slug_hash":"ENgvvX","title":"Fully responsive navigation with CSS3 animations and jQuery","url":"https://codepen.io/hollow3d/fullembedgrid/ENgvvX","user":{"name":"Jan Czizikow","url":"/hollow3d"}},{"editor_url":"https://codepen.io/cumu/pen/KNWLKj","slug_hash":"KNWLKj","title":"sin cos dance","url":"https://codepen.io/cumu/fullembedgrid/KNWLKj","user":{"name":"Cumu Arôme","url":"/cumu"}},{"editor_url":"https://codepen.io/poziomq/pen/Mbmjxd","slug_hash":"Mbmjxd","title":"Miserable Weather","url":"https://codepen.io/poziomq/fullembedgrid/Mbmjxd","user":{"name":"qpoziomek","url":"/poziomq"}},{"editor_url":"https://codepen.io/RedGlove/pen/ZBrJwB","slug_hash":"ZBrJwB","title":"Infinite Reflections","url":"https://codepen.io/RedGlove/fullembedgrid/ZBrJwB","user":{"name":"Emmanuel Lainas","url":"/RedGlove"}},{"editor_url":"https://codepen.io/aaronguernsey/pen/aBMezb","slug_hash":"aBMezb","title":"Holiday Calendar Card","url":"https://codepen.io/aaronguernsey/fullembedgrid/aBMezb","user":{"name":"Aaron Guernsey","url":"/aaronguernsey"}},{"editor_url":"https://codepen.io/hakimel/pen/QdWpRv","slug_hash":"QdWpRv","title":"Spiral","url":"https://codepen.io/hakimel/fullembedgrid/QdWpRv","user":{"name":"Hakim El Hattab","url":"/hakimel"}},{"editor_url":"https://codepen.io/tatimblin/pen/GrgLYe","slug_hash":"GrgLYe","title":"Close the computer","url":"https://codepen.io/tatimblin/fullembedgrid/GrgLYe","user":{"name":"tris timb","url":"/tatimblin"}},{"editor_url":"https://codepen.io/sdudnyk/pen/PWmgMv","slug_hash":"PWmgMv","title":"CSS Giraffe","url":"https://codepen.io/sdudnyk/fullembedgrid/PWmgMv","user":{"name":"Serhii Dudnyk","url":"/sdudnyk"}},{"editor_url":"https://codepen.io/gabrielsxp/pen/wgrdmb","slug_hash":"wgrdmb","title":"#dailycssimages - Day 03 - Beaver","url":"https://codepen.io/gabrielsxp/fullembedgrid/wgrdmb","user":{"name":"Gabriel Soares","url":"/gabrielsxp"}},{"editor_url":"https://codepen.io/juliangarnier/pen/mWdraw","slug_hash":"mWdraw","title":"Anime.js Ease Visualizer","url":"https://codepen.io/juliangarnier/fullembedgrid/mWdraw","user":{"name":"Julian Garnier","url":"/juliangarnier"}},{"editor_url":"https://codepen.io/rspilhaus/pen/LWZYOp","slug_hash":"LWZYOp","title":"CSS X-Men","url":"https://codepen.io/rspilhaus/fullembedgrid/LWZYOp","user":{"name":"Ryan Spilhaus","url":"/rspilhaus"}},{"editor_url":"https://codepen.io/iamjoshellis/pen/wJdvrL","slug_hash":"wJdvrL","title":"#Typehue Week 7: G","url":"https://codepen.io/iamjoshellis/fullembedgrid/wJdvrL","user":{"name":"Josh","url":"/iamjoshellis"}},{"editor_url":"https://codepen.io/PointC/pen/JWMNmB","slug_hash":"JWMNmB","title":"Scale centered picture aligned to bottom of div","url":"https://codepen.io/PointC/fullembedgrid/JWMNmB","user":{"name":"Craig Roblewsky","url":"/PointC"}},{"editor_url":"https://codepen.io/zhongdeliu/pen/MpXaww","slug_hash":"MpXaww","title":"Daily CSS Images :: 38 External Monitor #dailycssimages","url":"https://codepen.io/zhongdeliu/fullembedgrid/MpXaww","user":{"name":"zhongdeliu","url":"/zhongdeliu"}},{"editor_url":"https://codepen.io/thebabydino/pen/OpEyrL","slug_hash":"OpEyrL","title":"<progress> bar animation","url":"https://codepen.io/thebabydino/fullembedgrid/OpEyrL","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/chrissimmons/pen/dvKeEy","slug_hash":"dvKeEy","title":"Retro 3D - SKYNET - CSS Drawing","url":"https://codepen.io/chrissimmons/fullembedgrid/dvKeEy","user":{"name":"Just another Chris","url":"/chrissimmons"}},{"editor_url":"https://codepen.io/EleftheriaBatsou/pen/peKqEe","slug_hash":"peKqEe","title":"D23 | Wolverine | #dailycssimages","url":"https://codepen.io/EleftheriaBatsou/fullembedgrid/peKqEe","user":{"name":"Eleftheria Batsou","url":"/EleftheriaBatsou"}},{"editor_url":"https://codepen.io/danhearn/pen/BWPWrj","slug_hash":"BWPWrj","title":"Twitch App Loading Animation","url":"https://codepen.io/danhearn/fullembedgrid/BWPWrj","user":{"name":"Daniel Hearn","url":"/danhearn"}},{"editor_url":"https://codepen.io/enxaneta/pen/OmpoQw","slug_hash":"OmpoQw","title":"Elastic cloth test ","url":"https://codepen.io/enxaneta/fullembedgrid/OmpoQw","user":{"name":"Gabi","url":"/enxaneta"}},{"editor_url":"https://codepen.io/emilygoldfein/pen/wePYYL","slug_hash":"wePYYL","title":"Rotating Earth using Three.js","url":"https://codepen.io/emilygoldfein/fullembedgrid/wePYYL","user":{"name":"Emily Goldfein","url":"/emilygoldfein"}},{"editor_url":"https://codepen.io/abeatrize/pen/yXEzMp","slug_hash":"yXEzMp","title":"With the Powers Combined...","url":"https://codepen.io/abeatrize/fullembedgrid/yXEzMp","user":{"name":"Beatrize Agustin","url":"/abeatrize"}},{"editor_url":"https://codepen.io/jagarikin/pen/ZygLZN","slug_hash":"ZygLZN","title":"Magnetic fluid","url":"https://codepen.io/jagarikin/fullembedgrid/ZygLZN","user":{"name":"jagarikin","url":"/jagarikin"}},{"editor_url":"https://codepen.io/benlorantfy/pen/qXBzNy","slug_hash":"qXBzNy","title":"Game of Life","url":"https://codepen.io/benlorantfy/fullembedgrid/qXBzNy","user":{"name":"Ben Lorantfy","url":"/benlorantfy"}},{"editor_url":"https://codepen.io/scottkellum/pen/yoYYYy","slug_hash":"yoYYYy","title":"For Hire","url":"https://codepen.io/scottkellum/fullembedgrid/yoYYYy","user":{"name":"Scott Kellum","url":"/scottkellum"}},{"editor_url":"https://codepen.io/tmrDevelops/pen/LjraOm","slug_hash":"LjraOm","title":"PopSugar","url":"https://codepen.io/tmrDevelops/fullembedgrid/LjraOm","user":{"name":"Tiffany Rayside","url":"/tmrDevelops"}},{"editor_url":"https://codepen.io/gregorojstersek/pen/xLmGmM","slug_hash":"xLmGmM","title":"Happy musical farm SVG animation with GSAP and Web Audio API ","url":"https://codepen.io/gregorojstersek/fullembedgrid/xLmGmM","user":{"name":"Gregor Ojstersek","url":"/gregorojstersek"}},{"editor_url":"https://codepen.io/r4ms3s/pen/vJMJmK","slug_hash":"vJMJmK","title":"8bit gaming room /w Nintendo & GTA","url":"https://codepen.io/r4ms3s/fullembedgrid/vJMJmK","user":{"name":"r4ms3s","url":"/r4ms3s"}},{"editor_url":"https://codepen.io/YusukeNakaya/pen/zdQqYO","slug_hash":"zdQqYO","title":"Only CSS: Planet Ring","url":"https://codepen.io/YusukeNakaya/fullembedgrid/zdQqYO","user":{"name":"Yusuke Nakaya","url":"/YusukeNakaya"}},{"editor_url":"https://codepen.io/delpher/pen/veBgRp","slug_hash":"veBgRp","title":"Coding Math: Episode 21 - Bitmap Collision Detection","url":"https://codepen.io/delpher/fullembedgrid/veBgRp","user":{"name":"delpher","url":"/delpher"}},{"editor_url":"https://codepen.io/thebabydino/pen/EwEJOw","slug_hash":"EwEJOw","title":"Pastel 🎱🐙 tentacles with CSS vars (no JS)","url":"https://codepen.io/thebabydino/fullembedgrid/EwEJOw","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/lisilinhart/pen/mBLMEx","slug_hash":"mBLMEx","title":"Traffic Light - Vue + WAAPI","url":"https://codepen.io/lisilinhart/fullembedgrid/mBLMEx","user":{"name":"Lisi","url":"/lisilinhart"}},{"editor_url":"https://codepen.io/zachernuk/pen/ZXjQqE","slug_hash":"ZXjQqE","title":"Interactive object clipping","url":"https://codepen.io/zachernuk/fullembedgrid/ZXjQqE","user":{"name":"Brandel Zachernuk","url":"/zachernuk"}},{"editor_url":"https://codepen.io/gvrban/pen/Jrwwop","slug_hash":"Jrwwop","title":"I’m Mr.Meeseeks! Look at me!","url":"https://codepen.io/gvrban/fullembedgrid/Jrwwop","user":{"name":"Goran Vrban","url":"/gvrban"}},{"editor_url":"https://codepen.io/andybarefoot/pen/mBZYbx","slug_hash":"mBZYbx","title":"Bau-house","url":"https://codepen.io/andybarefoot/fullembedgrid/mBZYbx","user":{"name":"Andy Barefoot","url":"/andybarefoot"}},{"editor_url":"https://codepen.io/mrwweb/pen/ZaONLW","slug_hash":"ZaONLW","title":"Tracked Session Schedule with CSS Grid v1","url":"https://codepen.io/mrwweb/fullembedgrid/ZaONLW","user":{"name":"Mark Root-Wiley","url":"/mrwweb"}},{"editor_url":"https://codepen.io/tannerhodges/pen/jaaROx","slug_hash":"jaaROx","title":"Reverse Knockout Text","url":"https://codepen.io/tannerhodges/fullembedgrid/jaaROx","user":{"name":"Tanner Hodges","url":"/tannerhodges"}},{"editor_url":"https://codepen.io/ilithya/pen/bYvrPa","slug_hash":"bYvrPa","title":"#codevember - 14: Cheese Platter","url":"https://codepen.io/ilithya/fullembedgrid/bYvrPa","user":{"name":"ilithya","url":"/ilithya"}},{"editor_url":"https://codepen.io/ainalem/pen/pdGxGv","slug_hash":"pdGxGv","title":"Mountains - Adventure","url":"https://codepen.io/ainalem/fullembedgrid/pdGxGv","user":{"name":"Mikael Ainalem","url":"/ainalem"}},{"editor_url":"https://codepen.io/seanfree/pen/GOLOVa","slug_hash":"GOLOVa","title":"Learning Shaders 004","url":"https://codepen.io/seanfree/fullembedgrid/GOLOVa","user":{"name":"Sean Free","url":"/seanfree"}},{"editor_url":"https://codepen.io/dissimulate/pen/YYXavM","slug_hash":"YYXavM","title":"Trees","url":"https://codepen.io/dissimulate/fullembedgrid/YYXavM","user":{"name":"dissimulate","url":"/dissimulate"}},{"editor_url":"https://codepen.io/mprquinn/pen/EoywLM","slug_hash":"EoywLM","title":"Breathe","url":"https://codepen.io/mprquinn/fullembedgrid/EoywLM","user":{"name":"Mike Quinn","url":"/mprquinn"}},{"editor_url":"https://codepen.io/YusukeNakaya/pen/rJxevm","slug_hash":"rJxevm","title":"Only CSS: Infinite Steps","url":"https://codepen.io/YusukeNakaya/fullembedgrid/rJxevm","user":{"name":"Yusuke Nakaya","url":"/YusukeNakaya"}},{"editor_url":"https://codepen.io/alexr4/pen/gvKNEG","slug_hash":"gvKNEG","title":"Random Grid animation","url":"https://codepen.io/alexr4/fullembedgrid/gvKNEG","user":{"name":"Alexandre Rivaux","url":"/alexr4"}},{"editor_url":"https://codepen.io/ge1doot/pen/yvQNeW/fec6dabd76157b8093076b853b9892b1","slug_hash":"yvQNeW","title":"one day in early autumn","url":"https://codepen.io/ge1doot/fullembedgrid/yvQNeW/fec6dabd76157b8093076b853b9892b1","user":{"name":"Gerard Ferrandez","url":"/ge1doot"}},{"editor_url":"https://codepen.io/mutoo/pen/jZdGWZ","slug_hash":"jZdGWZ","title":"Mobius Silk Strip","url":"https://codepen.io/mutoo/fullembedgrid/jZdGWZ","user":{"name":"Lingjia Liu","url":"/mutoo"}},{"editor_url":"https://codepen.io/chrisgannon/pen/XZQKKv","slug_hash":"XZQKKv","title":"Snake on Planes","url":"https://codepen.io/chrisgannon/fullembedgrid/XZQKKv","user":{"name":"Chris Gannon","url":"/chrisgannon"}},{"editor_url":"https://codepen.io/fajjet/pen/eMmLYG","slug_hash":"eMmLYG","title":"Nightstand: Rise of the Machines (game)","url":"https://codepen.io/fajjet/fullembedgrid/eMmLYG","user":{"name":"fajjet","url":"/fajjet"}},{"editor_url":"https://codepen.io/radixzz/pen/zWKPVX","slug_hash":"zWKPVX","title":"Poets Book","url":"https://codepen.io/radixzz/fullembedgrid/zWKPVX","user":{"name":"Ivan Juarez N.","url":"/radixzz"}},{"editor_url":"https://codepen.io/jackiezen/pen/bvqqOo","slug_hash":"bvqqOo","title":"Cityscape","url":"https://codepen.io/jackiezen/fullembedgrid/bvqqOo","user":{"name":"Jackie Zen","url":"/jackiezen"}},{"editor_url":"https://codepen.io/derossi_s/pen/yjYWVW","slug_hash":"yjYWVW","title":"Lanny: YEG To YOW","url":"https://codepen.io/derossi_s/fullembedgrid/yjYWVW","user":{"name":"Sebastian De Rossi","url":"/derossi_s"}},{"editor_url":"https://codepen.io/elyseholladay/pen/MGVZMy","slug_hash":"MGVZMy","title":"component-level layout SCSS helper mixins","url":"https://codepen.io/elyseholladay/fullembedgrid/MGVZMy","user":{"name":"elyse holladay","url":"/elyseholladay"}},{"editor_url":"https://codepen.io/ahmadnasr/pen/zaoGvg","slug_hash":"zaoGvg","title":"Instrmnt Bike. #DailyPractice #Day007 & #Day008","url":"https://codepen.io/ahmadnasr/fullembedgrid/zaoGvg","user":{"name":"Ahmad Nasr","url":"/ahmadnasr"}},{"editor_url":"https://codepen.io/jh3y/pen/vrxwaL","slug_hash":"vrxwaL","title":"Random canvas worms 🐛","url":"https://codepen.io/jh3y/fullembedgrid/vrxwaL","user":{"name":"Jhey","url":"/jh3y"}},{"editor_url":"https://codepen.io/andreasremdt/pen/djoEmO","slug_hash":"djoEmO","title":"CPC: Forms","url":"https://codepen.io/andreasremdt/fullembedgrid/djoEmO","user":{"name":"Andreas Remdt","url":"/andreasremdt"}},{"editor_url":"https://codepen.io/srekoble/pen/yqYwxY","slug_hash":"yqYwxY","title":"cocktail animation","url":"https://codepen.io/srekoble/fullembedgrid/yqYwxY","user":{"name":"Vangel Tzo","url":"/srekoble"}},{"editor_url":"https://codepen.io/giaco/pen/mjrYwv","slug_hash":"mjrYwv","title":"SVG slider","url":"https://codepen.io/giaco/fullembedgrid/mjrYwv","user":{"name":"Pogany","url":"/giaco"}},{"editor_url":"https://codepen.io/thebabydino/pen/ajVxWB","slug_hash":"ajVxWB","title":"Pointless 🌈 stairs with CSS variables & Houdini magic 🎩🐇✨ (proper animation only in Blink browsers with flag)","url":"https://codepen.io/thebabydino/fullembedgrid/ajVxWB","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/Zaku/pen/YjRqzB","slug_hash":"YjRqzB","title":"Dot Menu Animations","url":"https://codepen.io/Zaku/fullembedgrid/YjRqzB","user":{"name":"Tamino Martinius","url":"/Zaku"}},{"editor_url":"https://codepen.io/samarthg/pen/GBbVzp","slug_hash":"GBbVzp","title":"Phyllotaxis SVG","url":"https://codepen.io/samarthg/fullembedgrid/GBbVzp","user":{"name":"Samarth Gulati","url":"/samarthg"}},{"editor_url":"https://codepen.io/Zaku/pen/jpgqrZ","slug_hash":"jpgqrZ","title":"ASCII Art Generator","url":"https://codepen.io/Zaku/fullembedgrid/jpgqrZ","user":{"name":"Tamino Martinius","url":"/Zaku"}},{"editor_url":"https://codepen.io/seanfree/pen/jvNqQx","slug_hash":"jvNqQx","title":"Growth II","url":"https://codepen.io/seanfree/fullembedgrid/jvNqQx","user":{"name":"Sean Free","url":"/seanfree"}},{"editor_url":"https://codepen.io/seanfree/pen/bxbWKr","slug_hash":"bxbWKr","title":"Pipeline","url":"https://codepen.io/seanfree/fullembedgrid/bxbWKr","user":{"name":"Sean Free","url":"/seanfree"}},{"editor_url":"https://codepen.io/vinzdef/pen/QVKJVX","slug_hash":"QVKJVX","title":"diS pLace","url":"https://codepen.io/vinzdef/fullembedgrid/QVKJVX","user":{"name":"Vincent","url":"/vinzdef"}},{"editor_url":"https://codepen.io/uzcho_/pen/WgdPKz","slug_hash":"WgdPKz","title":"Circle Nav With Pop Up Menu #1","url":"https://codepen.io/uzcho_/fullembedgrid/WgdPKz","user":{"name":"Amli","url":"/uzcho_"}},{"editor_url":"https://codepen.io/alvaromontoro/pen/MqxWYz","slug_hash":"MqxWYz","title":"3D Gazebo","url":"https://codepen.io/alvaromontoro/fullembedgrid/MqxWYz","user":{"name":"Alvaro Montoro","url":"/alvaromontoro"}},{"editor_url":"https://codepen.io/cassidoo/pen/LgZRay","slug_hash":"LgZRay","title":"She's Ghosting You","url":"https://codepen.io/cassidoo/fullembedgrid/LgZRay","user":{"name":"Cassidy","url":"/cassidoo"}},{"editor_url":"https://codepen.io/Illusion/pen/LgyvpO","slug_hash":"LgyvpO","title":"Gooey Loader","url":"https://codepen.io/Illusion/fullembedgrid/LgyvpO","user":{"name":"Maxime Nory","url":"/Illusion"}},{"editor_url":"https://codepen.io/bertdida/pen/gBeLKe","slug_hash":"gBeLKe","title":"X-rayed cat","url":"https://codepen.io/bertdida/fullembedgrid/gBeLKe","user":{"name":"bertdida","url":"/bertdida"}},{"editor_url":"https://codepen.io/nuzair/pen/bmPrJV","slug_hash":"bmPrJV","title":"Spooky-Ghost","url":"https://codepen.io/nuzair/fullembedgrid/bmPrJV","user":{"name":"Nuzair IB","url":"/nuzair"}},{"editor_url":"https://codepen.io/vetswhocode/pen/aQEYmg","slug_hash":"aQEYmg","title":"React - Change State on Interval","url":"https://codepen.io/vetswhocode/fullembedgrid/aQEYmg","user":{"name":"Vets Who Code","url":"/vetswhocode"}},{"editor_url":"https://codepen.io/airnan/pen/qQQWzd","slug_hash":"qQQWzd","title":"3 Markus Magnusson's animations converted to svg and canvas","url":"https://codepen.io/airnan/fullembedgrid/qQQWzd","user":{"name":"kittons","url":"/airnan"}},{"editor_url":"https://codepen.io/ig_design/pen/NeRxzj","slug_hash":"NeRxzj","title":"CSSspark","url":"https://codepen.io/ig_design/fullembedgrid/NeRxzj","user":{"name":"Ivan Grozdic","url":"/ig_design"}},{"editor_url":"https://codepen.io/shubniggurath/pen/REOZLY","slug_hash":"REOZLY","title":"Codepen Challenge - Primaries","url":"https://codepen.io/shubniggurath/fullembedgrid/REOZLY","user":{"name":"Liam Egan","url":"/shubniggurath"}},{"editor_url":"https://codepen.io/andrejsharapov/pen/mvbxRY","slug_hash":"mvbxRY","title":"CSS-Tricks | Style for tags bar & search","url":"https://codepen.io/andrejsharapov/fullembedgrid/mvbxRY","user":{"name":"Andrej Sharapov","url":"/andrejsharapov"}},{"editor_url":"https://codepen.io/alvaromontoro/pen/exYOwd","slug_hash":"exYOwd","title":"Austin Bats (CodePen challenge)","url":"https://codepen.io/alvaromontoro/fullembedgrid/exYOwd","user":{"name":"Alvaro Montoro","url":"/alvaromontoro"}},{"editor_url":"https://codepen.io/brandonmcconnell/pen/bzwMxx","slug_hash":"bzwMxx","title":"SCSS Beveled Buttons","url":"https://codepen.io/brandonmcconnell/fullembedgrid/bzwMxx","user":{"name":"Brandon McConnell","url":"/brandonmcconnell"}},{"editor_url":"https://codepen.io/soju22/pen/PVJMRy","slug_hash":"PVJMRy","title":"Interactive 3D Butterflies","url":"https://codepen.io/soju22/fullembedgrid/PVJMRy","user":{"name":"Kevin Levron","url":"/soju22"}},{"editor_url":"https://codepen.io/shubniggurath/pen/ZwZggM","slug_hash":"ZwZggM","title":"Blob study 3","url":"https://codepen.io/shubniggurath/fullembedgrid/ZwZggM","user":{"name":"Liam Egan","url":"/shubniggurath"}},{"editor_url":"https://codepen.io/pawelqcm/pen/EMgmbG","slug_hash":"EMgmbG","title":"Beauty and The Beast rose","url":"https://codepen.io/pawelqcm/fullembedgrid/EMgmbG","user":{"name":"Pawel","url":"/pawelqcm"}},{"editor_url":"https://codepen.io/adamaso/pen/pYBEGz","slug_hash":"pYBEGz","title":"Bonnibel Bubblegum - Adventure Time","url":"https://codepen.io/adamaso/fullembedgrid/pYBEGz","user":{"name":"Angela Damaso","url":"/adamaso"}},{"editor_url":"https://codepen.io/zeroxenator/pen/eogWOK","slug_hash":"eogWOK","title":"FizzBuzz Challenge","url":"https://codepen.io/zeroxenator/fullembedgrid/eogWOK","user":{"name":"Shannu","url":"/zeroxenator"}},{"editor_url":"https://codepen.io/ladyjellington/pen/VNrrmV","slug_hash":"VNrrmV","title":"Pain Scale","url":"https://codepen.io/ladyjellington/fullembedgrid/VNrrmV","user":{"name":"Jasmine G","url":"/ladyjellington"}},{"editor_url":"https://codepen.io/Mertl/pen/LobQmd","slug_hash":"LobQmd","title":"Gravity patterns","url":"https://codepen.io/Mertl/fullembedgrid/LobQmd","user":{"name":"Michal","url":"/Mertl"}},{"editor_url":"https://codepen.io/cobra_winfrey/pen/joYZXy","slug_hash":"joYZXy","title":"YOUranus","url":"https://codepen.io/cobra_winfrey/fullembedgrid/joYZXy","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"editor_url":"https://codepen.io/cobra_winfrey/pen/OYrLqN","slug_hash":"OYrLqN","title":"ZDog Totoro w/ Tensorflow + GSAP","url":"https://codepen.io/cobra_winfrey/fullembedgrid/OYrLqN","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"editor_url":"https://codepen.io/brianhaferkamp/pen/zVGVdL","slug_hash":"zVGVdL","title":"Full Height Content // CSS Grid","url":"https://codepen.io/brianhaferkamp/fullembedgrid/zVGVdL","user":{"name":"Brian Haferkamp","url":"/brianhaferkamp"}},{"editor_url":"https://codepen.io/darrylhuffman/pen/wLgyrG","slug_hash":"wLgyrG","title":"wLgyrG","url":"https://codepen.io/darrylhuffman/fullembedgrid/wLgyrG","user":{"name":"Darryl Huffman","url":"/darrylhuffman"}},{"editor_url":"https://codepen.io/dev_loop/pen/ZdZLNN","slug_hash":"ZdZLNN","title":"Loading #2","url":"https://codepen.io/dev_loop/fullembedgrid/ZdZLNN","user":{"name":"Sikriti Dakua","url":"/dev_loop"}},{"editor_url":"https://codepen.io/iondrimba/pen/wVgKoZ","slug_hash":"wVgKoZ","title":"Infinity","url":"https://codepen.io/iondrimba/fullembedgrid/wVgKoZ","user":{"name":"Ion Drimba Filho","url":"/iondrimba"}},{"editor_url":"https://codepen.io/enotix364/pen/wVPwBN","slug_hash":"wVPwBN","title":"Text by circles","url":"https://codepen.io/enotix364/fullembedgrid/wVPwBN","user":{"name":"brezhart","url":"/enotix364"}},{"editor_url":"https://codepen.io/shubniggurath/pen/gOYPGeR","slug_hash":"gOYPGeR","title":"Density 3","url":"https://codepen.io/shubniggurath/fullembedgrid/gOYPGeR","user":{"name":"Liam Egan","url":"/shubniggurath"}},{"editor_url":"https://codepen.io/thebabydino/pen/XWrzEpL","slug_hash":"XWrzEpL","title":"Wavy (Chromium only)","url":"https://codepen.io/thebabydino/fullembedgrid/XWrzEpL","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/curley/pen/JjPQrrG","slug_hash":"JjPQrrG","title":"Loading Animation","url":"https://codepen.io/curley/fullembedgrid/JjPQrrG","user":{"name":"CurleyWebDev","url":"/curley"}},{"editor_url":"https://codepen.io/NiklasKnaack/pen/oNvKwJd","slug_hash":"oNvKwJd","title":"Image Slicer","url":"https://codepen.io/NiklasKnaack/fullembedgrid/oNvKwJd","user":{"name":"Niklas Knaack","url":"/NiklasKnaack"}},{"editor_url":"https://codepen.io/sebastianomorando/pen/zYYXEpL","slug_hash":"zYYXEpL","title":"Stacked game of life","url":"https://codepen.io/sebastianomorando/fullembedgrid/zYYXEpL","user":{"name":"Sebastiano Morando","url":"/sebastianomorando"}},{"editor_url":"https://codepen.io/TC5550/pen/GRgKxzg","slug_hash":"GRgKxzg","title":"Snow simulation","url":"https://codepen.io/TC5550/fullembedgrid/GRgKxzg","user":{"name":"Alfons Nilsson","url":"/TC5550"}},{"editor_url":"https://codepen.io/ma_suwa/pen/MWYWjEX","slug_hash":"MWYWjEX","title":"[threejs]image_scanline_effect","url":"https://codepen.io/ma_suwa/fullembedgrid/MWYWjEX","user":{"name":"masuwa","url":"/ma_suwa"}},{"editor_url":"https://codepen.io/aaroniker/pen/abzbRvo","slug_hash":"abzbRvo","title":"Button Hover Effects #2","url":"https://codepen.io/aaroniker/fullembedgrid/abzbRvo","user":{"name":"Aaron Iker","url":"/aaroniker"}},{"editor_url":"https://codepen.io/Mertl/pen/GRgqveG","slug_hash":"GRgqveG","title":"Goolife","url":"https://codepen.io/Mertl/fullembedgrid/GRgqveG","user":{"name":"Michal","url":"/Mertl"}},{"editor_url":"https://codepen.io/mattyfours/pen/dyPKepq","slug_hash":"dyPKepq","title":"Spin Class Interval Maker","url":"https://codepen.io/mattyfours/fullembedgrid/dyPKepq","user":{"name":"Matthew Fournier","url":"/mattyfours"}},{"editor_url":"https://codepen.io/NiklasKnaack/pen/BayVXJy","slug_hash":"BayVXJy","title":"SVG Pattern Doodler","url":"https://codepen.io/NiklasKnaack/fullembedgrid/BayVXJy","user":{"name":"Niklas Knaack","url":"/NiklasKnaack"}},{"editor_url":"https://codepen.io/cassandraPaige/pen/BayGLaY","slug_hash":"BayGLaY","title":"Full-page navigation","url":"https://codepen.io/cassandraPaige/fullembedgrid/BayGLaY","user":{"name":"Cassandra Rossall","url":"/cassandraPaige"}},{"editor_url":"https://codepen.io/Mamboleoo/pen/QWbmPGZ","slug_hash":"QWbmPGZ","title":"Blob - How to","url":"https://codepen.io/Mamboleoo/fullembedgrid/QWbmPGZ","user":{"name":"Louis Hoebregts","url":"/Mamboleoo"}},{"editor_url":"https://codepen.io/Gthibaud/pen/RwWGgME","slug_hash":"RwWGgME","title":"RwWGgME","url":"https://codepen.io/Gthibaud/fullembedgrid/RwWGgME","user":{"name":"Tibo","url":"/Gthibaud"}},{"editor_url":"https://codepen.io/liamj/pen/QWjvbJq","slug_hash":"QWjvbJq","title":"Framer Motion 2 - FF7R materia swapper","url":"https://codepen.io/liamj/fullembedgrid/QWjvbJq","user":{"name":"Liam","url":"/liamj"}},{"editor_url":"https://codepen.io/jh3y/pen/rNOqzbN","slug_hash":"rNOqzbN","title":"Launch Control 🚀 w/ GSAP (Sound on 👍)","url":"https://codepen.io/jh3y/fullembedgrid/rNOqzbN","user":{"name":"Jhey","url":"/jh3y"}},{"editor_url":"https://codepen.io/uiswarup/pen/xxZrLGp","slug_hash":"xxZrLGp","title":"Pricing Table Design","url":"https://codepen.io/uiswarup/fullembedgrid/xxZrLGp","user":{"name":"Swarup Kumar Kuila","url":"/uiswarup"}},{"editor_url":"https://codepen.io/eroxburgh/pen/NWxXaZr","slug_hash":"NWxXaZr","title":"Three CSG","url":"https://codepen.io/eroxburgh/fullembedgrid/NWxXaZr","user":{"name":"Ethan","url":"/eroxburgh"}},{"editor_url":"https://codepen.io/silfridob12/pen/bGEQPMY","slug_hash":"bGEQPMY","title":"duolinguo","url":"https://codepen.io/silfridob12/fullembedgrid/bGEQPMY","user":{"name":"Chio","url":"/silfridob12"}},{"editor_url":"https://codepen.io/zimjs/pen/rNewpwP","slug_hash":"rNewpwP","title":"Gangnam Style Donut! CodePen Colors/Music Challenge","url":"https://codepen.io/zimjs/fullembedgrid/rNewpwP","user":{"name":"ZIM","url":"/zimjs"}},{"editor_url":"https://codepen.io/cobra_winfrey/pen/wvGyKEY","slug_hash":"wvGyKEY","title":"Generative Patterns 8 / 100 Divs","url":"https://codepen.io/cobra_winfrey/fullembedgrid/wvGyKEY","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"editor_url":"https://codepen.io/ricardoolivaalonso/pen/mdPzrpe","slug_hash":"mdPzrpe","title":"3D Room - Pure CSS Art","url":"https://codepen.io/ricardoolivaalonso/fullembedgrid/mdPzrpe","user":{"name":"Ricardo Oliva Alonso","url":"/ricardoolivaalonso"}},{"editor_url":"https://codepen.io/Zaku/pen/NWNZZWW","slug_hash":"NWNZZWW","title":"#TheSimpsons Like Animation","url":"https://codepen.io/Zaku/fullembedgrid/NWNZZWW","user":{"name":"Tamino Martinius","url":"/Zaku"}},{"editor_url":"https://codepen.io/zimjs/pen/LYZEdXj","slug_hash":"LYZEdXj","title":"Frankie is Loaded! With ZIM for CodePen Challenge!","url":"https://codepen.io/zimjs/fullembedgrid/LYZEdXj","user":{"name":"ZIM","url":"/zimjs"}},{"editor_url":"https://codepen.io/luxonauta/pen/wvWepVw","slug_hash":"wvWepVw","title":"Animated Golem with Box-Shadow","url":"https://codepen.io/luxonauta/fullembedgrid/wvWepVw","user":{"name":"luxonauta","url":"/luxonauta"}},{"editor_url":"https://codepen.io/braydoncoyer/pen/ZEOxvdj","slug_hash":"ZEOxvdj","title":"Not-So-Spooky Ghost - Halloween 2020","url":"https://codepen.io/braydoncoyer/fullembedgrid/ZEOxvdj","user":{"name":"Braydon Coyer","url":"/braydoncoyer"}},{"editor_url":"https://codepen.io/cyberbarbie/pen/PoGBBgr/a8a23769f93bde43eed5150210d172d5","slug_hash":"PoGBBgr","title":"Material Design Pink Bouncing Animation","url":"https://codepen.io/cyberbarbie/fullembedgrid/PoGBBgr/a8a23769f93bde43eed5150210d172d5","user":{"name":"Tae'lur Alexis","url":"/cyberbarbie"}},{"editor_url":"https://codepen.io/ilithya/pen/QWGEqeP","slug_hash":"QWGEqeP","title":"Cups Pattern","url":"https://codepen.io/ilithya/fullembedgrid/QWGEqeP","user":{"name":"ilithya","url":"/ilithya"}},{"editor_url":"https://codepen.io/natszafraniec/pen/qBqodqg","slug_hash":"qBqodqg","title":"A skipping llama / SVG animation with gsap","url":"https://codepen.io/natszafraniec/fullembedgrid/qBqodqg","user":{"name":"Natalia 🤟","url":"/natszafraniec"}},{"editor_url":"https://codepen.io/kitjenson/pen/JjWPLyg","slug_hash":"JjWPLyg","title":"Find the birds?","url":"https://codepen.io/kitjenson/fullembedgrid/JjWPLyg","user":{"name":"Kit Jenson","url":"/kitjenson"}},{"editor_url":"https://codepen.io/cjgammon/pen/dyvZXpN","slug_hash":"dyvZXpN","title":"shader dance","url":"https://codepen.io/cjgammon/fullembedgrid/dyvZXpN","user":{"name":"CJ Gammon","url":"/cjgammon"}},{"editor_url":"https://codepen.io/RodenKerthin/pen/OJmpxGp","slug_hash":"OJmpxGp","title":"7 CSS Cards: Cuphead Style ☕️","url":"https://codepen.io/RodenKerthin/fullembedgrid/OJmpxGp","user":{"name":"Roden","url":"/RodenKerthin"}},{"editor_url":"https://codepen.io/thebabydino/pen/BaZNEGK","slug_hash":"BaZNEGK","title":"Bubbly #5 (pure CSS 3D)","url":"https://codepen.io/thebabydino/fullembedgrid/BaZNEGK","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/jh3y/pen/gOxpOKr","slug_hash":"gOxpOKr","title":"Choose your Team – KCD! 🐨","url":"https://codepen.io/jh3y/fullembedgrid/gOxpOKr","user":{"name":"Jhey","url":"/jh3y"}},{"editor_url":"https://codepen.io/pjkarlik/pen/OJjzLPN","slug_hash":"OJjzLPN","title":"Quadtree Eyeballs / Fragment Shader (WebGL)","url":"https://codepen.io/pjkarlik/fullembedgrid/OJjzLPN","user":{"name":"byt3_m3chanic","url":"/pjkarlik"}},{"editor_url":"https://codepen.io/tripti1410/pen/WNZyWmv","slug_hash":"WNZyWmv","title":"image-gallery-random- FLIP+GSAP+SVG","url":"https://codepen.io/tripti1410/fullembedgrid/WNZyWmv","user":{"name":"trapti","url":"/tripti1410"}},{"editor_url":"https://codepen.io/hexagoncircle/pen/PoOberB","slug_hash":"PoOberB","title":"Almost before we knew it ❤️","url":"https://codepen.io/hexagoncircle/fullembedgrid/PoOberB","user":{"name":"Ryan Mulligan","url":"/hexagoncircle"}},{"editor_url":"https://codepen.io/pehaa/pen/wvPgboY","slug_hash":"wvPgboY","title":"With Love","url":"https://codepen.io/pehaa/fullembedgrid/wvPgboY","user":{"name":"Paulina Hetman","url":"/pehaa"}},{"editor_url":"https://codepen.io/leimapapa/pen/ZEaeJYx","slug_hash":"ZEaeJYx","title":"⌛ Time left ⌛","url":"https://codepen.io/leimapapa/fullembedgrid/ZEaeJYx","user":{"name":"leimapapa","url":"/leimapapa"}},{"editor_url":"https://codepen.io/aryancodeworm/pen/BaYQGpe","slug_hash":"BaYQGpe","title":"Magic 8 Ball of Developer Excuses","url":"https://codepen.io/aryancodeworm/fullembedgrid/BaYQGpe","user":{"name":"Aryan Tayal","url":"/aryancodeworm"}},{"editor_url":"https://codepen.io/schwiiiii/pen/BarVMxq","slug_hash":"BarVMxq","title":"[Pure CSS] - RGB Keyboard w/ Dark Mode","url":"https://codepen.io/schwiiiii/fullembedgrid/BarVMxq","user":{"name":"Brett Schwickerath","url":"/schwiiiii"}},{"editor_url":"https://codepen.io/alaingourves/pen/dymLQVr","slug_hash":"dymLQVr","title":"CPC Remote Control","url":"https://codepen.io/alaingourves/fullembedgrid/dymLQVr","user":{"name":"AlainGourves","url":"/alaingourves"}},{"editor_url":"https://codepen.io/creativeocean/pen/JjvdeXz","slug_hash":"JjvdeXz","title":"Responsive Horizontal Scroll Gallery","url":"https://codepen.io/creativeocean/fullembedgrid/JjvdeXz","user":{"name":"Tom Miller","url":"/creativeocean"}},{"editor_url":"https://codepen.io/Nadine302/pen/poKNOJa","slug_hash":"poKNOJa","title":"The 1980s","url":"https://codepen.io/Nadine302/fullembedgrid/poKNOJa","user":{"name":"Nadine","url":"/Nadine302"}},{"editor_url":"https://codepen.io/gwannon/pen/abjaVRq","slug_hash":"abjaVRq","title":"Pac-Man in one div #onlycss","url":"https://codepen.io/gwannon/fullembedgrid/abjaVRq","user":{"name":"Jorge Monclús","url":"/gwannon"}},{"editor_url":"https://codepen.io/abh1nash/pen/eYjQgEN","slug_hash":"eYjQgEN","title":"Expanding Button","url":"https://codepen.io/abh1nash/fullembedgrid/eYjQgEN","user":{"name":"Abhinash","url":"/abh1nash"}},{"editor_url":"https://codepen.io/ksenia-k/pen/PodzbNe","slug_hash":"PodzbNe","title":"Noise Sketch #2: On-Scroll Water (Three.js + GSAP)","url":"https://codepen.io/ksenia-k/fullembedgrid/PodzbNe","user":{"name":"Ksenia Kondrashova","url":"/ksenia-k"}},{"editor_url":"https://codepen.io/konstantindenerz/pen/XWPpvpg","slug_hash":"XWPpvpg","title":"Holo Card {CSS, Animation}","url":"https://codepen.io/konstantindenerz/fullembedgrid/XWPpvpg","user":{"name":"Konstantin Denerz","url":"/konstantindenerz"}},{"editor_url":"https://codepen.io/Sicontis/pen/VwGQZRz","slug_hash":"VwGQZRz","title":"Codepen Challenge: Button - Random","url":"https://codepen.io/Sicontis/fullembedgrid/VwGQZRz","user":{"name":"Sicontis","url":"/Sicontis"}},{"editor_url":"https://codepen.io/pavlovsk/pen/LYgEQvj","slug_hash":"LYgEQvj","title":"The new star","url":"https://codepen.io/pavlovsk/fullembedgrid/LYgEQvj","user":{"name":"Mustafa Enes","url":"/pavlovsk"}},{"editor_url":"https://codepen.io/mcShane/pen/zYmdrzP","slug_hash":"zYmdrzP","title":"3d Triforce(css)","url":"https://codepen.io/mcShane/fullembedgrid/zYmdrzP","user":{"name":"Shane Burns","url":"/mcShane"}},{"editor_url":"https://codepen.io/William-Bardon/pen/abRQvMd","slug_hash":"abRQvMd","title":"Curved Header","url":"https://codepen.io/William-Bardon/fullembedgrid/abRQvMd","user":{"name":"William Bardon","url":"/William-Bardon"}},{"editor_url":"https://codepen.io/DanielYuschick/pen/xxyMzrL","slug_hash":"xxyMzrL","title":"Progress Bars - Keys To An Accessibility Mindset","url":"https://codepen.io/DanielYuschick/fullembedgrid/xxyMzrL","user":{"name":"daynix","url":"/DanielYuschick"}},{"editor_url":"https://codepen.io/konstantindenerz/pen/PoygNJB","slug_hash":"PoygNJB","title":"Abstract Sphere (CSS)","url":"https://codepen.io/konstantindenerz/fullembedgrid/PoygNJB","user":{"name":"Konstantin Denerz","url":"/konstantindenerz"}},{"editor_url":"https://codepen.io/stoumann/pen/ExObpBw","slug_hash":"ExObpBw","title":"Interactive Art Poster — Homage to Gernes","url":"https://codepen.io/stoumann/fullembedgrid/ExObpBw","user":{"name":"Mads Stoumann","url":"/stoumann"}},{"editor_url":"https://codepen.io/XAAANE/pen/gOQoZbZ","slug_hash":"gOQoZbZ","title":"coco wave 2","url":"https://codepen.io/XAAANE/fullembedgrid/gOQoZbZ","user":{"name":"Zain McIntire","url":"/XAAANE"}},{"editor_url":"https://codepen.io/MackFitz/pen/qBQKqPo","slug_hash":"qBQKqPo","title":"AlgaeRhytmic StarfishES - 3D CSS particle animationS","url":"https://codepen.io/MackFitz/fullembedgrid/qBQKqPo","user":{"name":"Fitz","url":"/MackFitz"}},{"editor_url":"https://codepen.io/Juxtopposed/pen/mdQaNbG","slug_hash":"mdQaNbG","title":"Text scroll and hover effect with GSAP and clip","url":"https://codepen.io/Juxtopposed/fullembedgrid/mdQaNbG","user":{"name":" Juxtopposed","url":"/Juxtopposed"}},{"editor_url":"https://codepen.io/plz600/pen/NWeKoRM","slug_hash":"NWeKoRM","title":"Filtering Through the Channels","url":"https://codepen.io/plz600/fullembedgrid/NWeKoRM","user":{"name":"Will Baker","url":"/plz600"}},{"editor_url":"https://codepen.io/Dillo/pen/KKbVNZa","slug_hash":"KKbVNZa","title":"Hatches","url":"https://codepen.io/Dillo/fullembedgrid/KKbVNZa","user":{"name":"Dillon","url":"/Dillo"}},{"editor_url":"https://codepen.io/garrettsiegel/pen/vYvxYrr","slug_hash":"vYvxYrr","title":"Circle Scale Timing Game","url":"https://codepen.io/garrettsiegel/fullembedgrid/vYvxYrr","user":{"name":"garrettsiegel","url":"/garrettsiegel"}},{"editor_url":"https://codepen.io/rperry1886/pen/LYMJGdz","slug_hash":"LYMJGdz","title":"CSS Animation: Ghost","url":"https://codepen.io/rperry1886/fullembedgrid/LYMJGdz","user":{"name":"Russ Perry","url":"/rperry1886"}},{"editor_url":"https://codepen.io/kevinpowell/pen/RwvWoLg","slug_hash":"RwvWoLg","title":"Subgrid + Container Queries","url":"https://codepen.io/kevinpowell/fullembedgrid/RwvWoLg","user":{"name":"Kevin","url":"/kevinpowell"}},{"editor_url":"https://codepen.io/kitasenjudesign/pen/GRzExZB","slug_hash":"GRzExZB","title":"neumorphism shapes2","url":"https://codepen.io/kitasenjudesign/fullembedgrid/GRzExZB","user":{"name":"KitasenjuDesign","url":"/kitasenjudesign"}},{"editor_url":"https://codepen.io/web-dot-dev/pen/poGVqLO","slug_hash":"poGVqLO","title":"CSS Wrapped 2023: Trig Functions #CSSWrapped2023","url":"https://codepen.io/web-dot-dev/fullembedgrid/poGVqLO","user":{"name":"web.dev","url":"/web-dot-dev"}},{"editor_url":"https://codepen.io/Dillo/pen/MWLZavZ","slug_hash":"MWLZavZ","title":"Rings","url":"https://codepen.io/Dillo/fullembedgrid/MWLZavZ","user":{"name":"Dillon","url":"/Dillo"}},{"editor_url":"https://codepen.io/leimapapa/pen/XWGyMQG","slug_hash":"XWGyMQG","title":"Arrow Heart Like Animation","url":"https://codepen.io/leimapapa/fullembedgrid/XWGyMQG","user":{"name":"leimapapa","url":"/leimapapa"}},{"editor_url":"https://codepen.io/mcShane/pen/ExJPPxy","slug_hash":"ExJPPxy","title":"Infinite","url":"https://codepen.io/mcShane/fullembedgrid/ExJPPxy","user":{"name":"Shane Burns","url":"/mcShane"}},{"editor_url":"https://codepen.io/jkantner/pen/rNbeEXg","slug_hash":"rNbeEXg","title":"Outline-to-Fill Tab Icon Animations","url":"https://codepen.io/jkantner/fullembedgrid/rNbeEXg","user":{"name":"Jon Kantner","url":"/jkantner"}},{"editor_url":"https://codepen.io/anchorsmith/pen/XWQGjpx","slug_hash":"XWQGjpx","title":"Bubble Battle 🍴","url":"https://codepen.io/anchorsmith/fullembedgrid/XWQGjpx","user":{"name":"Anchorsmith","url":"/anchorsmith"}},{"editor_url":"https://codepen.io/leimapapa/pen/zYQqrYE","slug_hash":"zYQqrYE","title":"mini campfire","url":"https://codepen.io/leimapapa/fullembedgrid/zYQqrYE","user":{"name":"leimapapa","url":"/leimapapa"}},{"editor_url":"https://codepen.io/sschepis/pen/abrmQEz","slug_hash":"abrmQEz","title":"Sine clock","url":"https://codepen.io/sschepis/fullembedgrid/abrmQEz","user":{"name":"Sebastian Schepis","url":"/sschepis"}},{"editor_url":"https://codepen.io/vainsan/pen/mdYmXdq","slug_hash":"mdYmXdq","title":"SVG Filter HoverEffect anime.js ","url":"https://codepen.io/vainsan/fullembedgrid/mdYmXdq","user":{"name":"vainsan","url":"/vainsan"}},{"editor_url":"https://codepen.io/Calleb/pen/rNEabKy","slug_hash":"rNEabKy","title":"Shapeshifting puzzle","url":"https://codepen.io/Calleb/fullembedgrid/rNEabKy","user":{"name":"Calle","url":"/Calleb"}},{"editor_url":"https://codepen.io/jh3y/pen/bGPdQpR","slug_hash":"bGPdQpR","title":"Scroll to Distort Image","url":"https://codepen.io/jh3y/fullembedgrid/bGPdQpR","user":{"name":"Jhey","url":"/jh3y"}},{"editor_url":"https://codepen.io/jjeff/pen/dyBvqRm","slug_hash":"dyBvqRm","title":"Warhol Wall","url":"https://codepen.io/jjeff/fullembedgrid/dyBvqRm","user":{"name":"Jeff Robbins","url":"/jjeff"}},{"editor_url":"https://codepen.io/ekhager/pen/zYgjpJb","slug_hash":"zYgjpJb","title":"Grid lines","url":"https://codepen.io/ekhager/fullembedgrid/zYgjpJb","user":{"name":"Johan Ekhager","url":"/ekhager"}},{"editor_url":"https://codepen.io/aragakey/pen/NPKrZdE","slug_hash":"NPKrZdE","title":"Foods - CSS Doodle","url":"https://codepen.io/aragakey/fullembedgrid/NPKrZdE","user":{"name":"Aragakey.","url":"/aragakey"}},{"editor_url":"https://codepen.io/NiklasKnaack/pen/ByBLaMM","slug_hash":"ByBLaMM","title":"Falling Snow: Particle Wonderland","url":"https://codepen.io/NiklasKnaack/fullembedgrid/ByBLaMM","user":{"name":"Niklas Knaack","url":"/NiklasKnaack"}}],"__show_pens_in_order":"random"}