{"__browser":{"device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{"gridIframeSandboxAttributes":"allow-forms allow-modals allow-pointer-lock allow-presentation allow-same-origin allow-scripts"},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; microphone; midi; payment; vr","iframe_sandbox":"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation"},"__user":{"anon":true,"base_url":"/anon/","current_team_id":0,"current_team_hashid":null,"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.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNjMyNTA0NDE2LCJpYXQiOjE2MzI1MDA4MTYsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.XoYuD29-Hy0JlCE1bAy2pO57D-fdkebMaR-g7ZPfHtcvWx57UOAs2IaiBPsI3J4YsAo9-GHC9u-HU33_EdG_MzpOrxY4DHzr_JWVIdB398Fkk8PAwxrj_7qTpNnmj50qppsSXW63ypezCGvJP94si6bjPouOeigPUZfYx8tmDCL_T40nhdgt4VFQkLp6rJkQvJCIGImWEfd7yNwDhsvMl4voSTFiEpK3HSbYs1PFWtUDcymPK4Admn-l8_z3mkrJe3M-bqhNPf0weH7LrTrBxQ7MH0SiLuQGl2_VrHJH3ymgAF-QIlZyVxlkYuG4GChmsoUz9LLuwIR3ZVYij9afgw"},"__graphql":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar80":"https://gravatar.com/avatar/b15e0cf27861794b6faa31065e8f9950?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=80&version=0&width=80","avatar512":"https://gravatar.com/avatar/b15e0cf27861794b6faa31065e8f9950?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=512&version=0&width=512","currentContext":{"id":"VoDkNZ","baseUrl":"/anon","title":"Captain Anonymous","name":"Captain Anonymous","avatar80":"https://gravatar.com/avatar/b15e0cf27861794b6faa31065e8f9950?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=80&version=0&width=80","avatar512":"https://gravatar.com/avatar/b15e0cf27861794b6faa31065e8f9950?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=512&version=0&width=512","username":"anon","contextType":"USER","__typename":"User"},"currentTeamId":null,"baseUrl":"/anon","username":"anon","admin":false,"anon":true,"pro":false,"verified":null,"teams":[],"__typename":"User"}}},"__pay_stripe_public":"pk_NgCjQmQs7wXOFmfNC0LKMgEkmlThn","__pay_braintree_env":"production","__tv_pens":[{"slug_hash":"BHEwo","title":"Pure CSS pie timer","url":"https://cdpn.io/KittyGiraudel/fullembedgrid/BHEwo","editor_url":"https://codepen.io/KittyGiraudel/pen/BHEwo","user":{"name":"Kitty Giraudel","url":"/KittyGiraudel"}},{"slug_hash":"ovFhq","title":"Ragdoll Dancer","url":"https://cdpn.io/mastastealth/fullembedgrid/ovFhq","editor_url":"https://codepen.io/mastastealth/pen/ovFhq","user":{"name":"Brian Franco","url":"/mastastealth"}},{"slug_hash":"tdoef","title":"CSS Heart with js animation","url":"https://cdpn.io/maciekmp/fullembedgrid/tdoef","editor_url":"https://codepen.io/maciekmp/pen/tdoef","user":{"name":"maciekmp","url":"/maciekmp"}},{"slug_hash":"hdHKm","title":"Animicons: Sprite animations using icon fonts","url":"https://cdpn.io/briangonzalez/fullembedgrid/hdHKm","editor_url":"https://codepen.io/briangonzalez/pen/hdHKm","user":{"name":"Brian Gonzalez","url":"/briangonzalez"}},{"slug_hash":"ImjGq","title":"Orbital Css","url":"https://cdpn.io/willpaige/fullembedgrid/ImjGq","editor_url":"https://codepen.io/willpaige/pen/ImjGq","user":{"name":"Will Paige","url":"/willpaige"}},{"slug_hash":"kAcDI","title":"low poly earth","url":"https://cdpn.io/s/fullembedgrid/kAcDI","editor_url":"https://codepen.io/s/pen/kAcDI","user":{"name":"Sam Saccone","url":"/s"}},{"slug_hash":"tAsIc","title":"Radar","url":"https://cdpn.io/lrsbck/fullembedgrid/tAsIc","editor_url":"https://codepen.io/lrsbck/pen/tAsIc","user":{"name":"Lars Beck","url":"/lrsbck"}},{"slug_hash":"qkxsK","title":"Typewriter","url":"https://cdpn.io/Greg-s/fullembedgrid/qkxsK","editor_url":"https://codepen.io/Greg-s/pen/qkxsK","user":{"name":"Greg","url":"/Greg-s"}},{"slug_hash":"JIvke","title":"Sweet!","url":"https://cdpn.io/jmldias/fullembedgrid/JIvke","editor_url":"https://codepen.io/jmldias/pen/JIvke","user":{"name":"Jdias","url":"/jmldias"}},{"slug_hash":"Cdubx","title":"Zoom Loader","url":"https://cdpn.io/kuldeep/fullembedgrid/Cdubx","editor_url":"https://codepen.io/kuldeep/pen/Cdubx","user":{"name":"Kuldeep Sharma","url":"/kuldeep"}},{"slug_hash":"ycDGp","title":"Web Industry Title Generator","url":"https://cdpn.io/bphillips201/fullembedgrid/ycDGp","editor_url":"https://codepen.io/bphillips201/pen/ycDGp","user":{"name":"Brian Phillips","url":"/bphillips201"}},{"slug_hash":"ilbqm","title":"Opening Flower","url":"https://cdpn.io/arthurkirsz/fullembedgrid/ilbqm","editor_url":"https://codepen.io/arthurkirsz/pen/ilbqm","user":{"name":"Arthur Kirsz","url":"/arthurkirsz"}},{"slug_hash":"nAuBk","title":"css Adobe Filters","url":"https://cdpn.io/secretgspot/fullembedgrid/nAuBk","editor_url":"https://codepen.io/secretgspot/pen/nAuBk","user":{"name":"Meow Meow Meowich","url":"/secretgspot"}},{"slug_hash":"jnkGy","title":"Image Loader - Peeek","url":"https://cdpn.io/YoannM/fullembedgrid/jnkGy","editor_url":"https://codepen.io/YoannM/pen/jnkGy","user":{"name":"Yoann Moinet","url":"/YoannM"}},{"slug_hash":"grLsk","title":"Bubble Wrap Mini-game","url":"https://cdpn.io/bennettfeely/fullembedgrid/grLsk","editor_url":"https://codepen.io/bennettfeely/pen/grLsk","user":{"name":"Bennett Feely","url":"/bennettfeely"}},{"slug_hash":"waJpo","title":"Pure CSS shooting gallery (WIP)","url":"https://cdpn.io/elifitch/fullembedgrid/waJpo","editor_url":"https://codepen.io/elifitch/pen/waJpo","user":{"name":"Eli Fitch","url":"/elifitch"}},{"slug_hash":"cEbKk","title":"BZ Reaction in Javascript","url":"https://cdpn.io/john052/fullembedgrid/cEbKk","editor_url":"https://codepen.io/john052/pen/cEbKk","user":{"name":"John S","url":"/john052"}},{"slug_hash":"zwxCv","title":"Crazy Chemicals","url":"https://cdpn.io/rileyjshaw/fullembedgrid/zwxCv","editor_url":"https://codepen.io/rileyjshaw/pen/zwxCv","user":{"name":"Riley Shaw","url":"/rileyjshaw"}},{"slug_hash":"AywxG","title":"Old-school fire animation","url":"https://cdpn.io/KrofDrakula/fullembedgrid/AywxG","editor_url":"https://codepen.io/KrofDrakula/pen/AywxG","user":{"name":"Klemen Slavič","url":"/KrofDrakula"}},{"slug_hash":"JAewB","title":"like giza pyramids | PolyNode","url":"https://cdpn.io/Sonick/fullembedgrid/JAewB","editor_url":"https://codepen.io/Sonick/pen/JAewB","user":{"name":"Nick Mkrtchyan","url":"/Sonick"}},{"slug_hash":"pjmrn","title":"SVG Ghosts","url":"https://cdpn.io/stoplion/fullembedgrid/pjmrn","editor_url":"https://codepen.io/stoplion/pen/pjmrn","user":{"name":"George Norris","url":"/stoplion"}},{"slug_hash":"mlpLf","title":"Growing trees","url":"https://cdpn.io/mollerse/fullembedgrid/mlpLf","editor_url":"https://codepen.io/mollerse/pen/mlpLf","user":{"name":"Stian Veum Mllersen","url":"/mollerse"}},{"slug_hash":"ocuLq","title":"My Colourful sister who loves fonts! ","url":"https://cdpn.io/praveenpuglia/fullembedgrid/ocuLq","editor_url":"https://codepen.io/praveenpuglia/pen/ocuLq","user":{"name":"Praveen Puglia","url":"/praveenpuglia"}},{"slug_hash":"BvcKq","title":"Slide Rearranger like Keynote","url":"https://cdpn.io/chriscoyier/fullembedgrid/BvcKq","editor_url":"https://codepen.io/chriscoyier/pen/BvcKq","user":{"name":"Chris Coyier ","url":"/chriscoyier"}},{"slug_hash":"CyqDf","title":"CSS3 animated weather icons","url":"https://cdpn.io/motorlatitude/fullembedgrid/CyqDf","editor_url":"https://codepen.io/motorlatitude/pen/CyqDf","user":{"name":"Lennart Hase","url":"/motorlatitude"}},{"slug_hash":"tuIiJ","title":"Arm Squiggles","url":"https://cdpn.io/GabbeV/fullembedgrid/tuIiJ","editor_url":"https://codepen.io/GabbeV/pen/tuIiJ","user":{"name":"Gabriel Valfridsson","url":"/GabbeV"}},{"slug_hash":"vlEeo","title":"Flat css-only countdown and countup","url":"https://cdpn.io/daniesy/fullembedgrid/vlEeo","editor_url":"https://codepen.io/daniesy/pen/vlEeo","user":{"name":"daniesy","url":"/daniesy"}},{"slug_hash":"DyHwJ","title":"Pure CSS Rocket & Wink","url":"https://cdpn.io/KarstenBuckstegge/fullembedgrid/DyHwJ","editor_url":"https://codepen.io/KarstenBuckstegge/pen/DyHwJ","user":{"name":"Karsten Buckstegge","url":"/KarstenBuckstegge"}},{"slug_hash":"jlmvG","title":"jlmvG","url":"https://cdpn.io/lukerichardville/fullembedgrid/jlmvG","editor_url":"https://codepen.io/lukerichardville/pen/jlmvG","user":{"name":"Luke Richardville","url":"/lukerichardville"}},{"slug_hash":"sAxGv","title":"D3 Mesh","url":"https://cdpn.io/palaa159/fullembedgrid/sAxGv","editor_url":"https://codepen.io/palaa159/pen/sAxGv","user":{"name":"Apon Palanuwech","url":"/palaa159"}},{"slug_hash":"AxoKf","title":"Casa misterio 98","url":"https://cdpn.io/Juangemelo01/fullembedgrid/AxoKf","editor_url":"https://codepen.io/Juangemelo01/pen/AxoKf","user":{"name":"Juan Carlos Rodriguez Mendez","url":"/Juangemelo01"}},{"slug_hash":"ufsrH","title":"ufsrH","url":"https://cdpn.io/Jon16/fullembedgrid/ufsrH","editor_url":"https://codepen.io/Jon16/pen/ufsrH","user":{"name":"John","url":"/Jon16"}},{"slug_hash":"rAjad","title":"Step 7: styling an icon group","url":"https://cdpn.io/Benedikte/fullembedgrid/rAjad","editor_url":"https://codepen.io/Benedikte/pen/rAjad","user":{"name":"Benedikte Vanderweeën","url":"/Benedikte"}},{"slug_hash":"hiqBn","title":"sincostan","url":"https://cdpn.io/NullPointerException/fullembedgrid/hiqBn","editor_url":"https://codepen.io/NullPointerException/pen/hiqBn","user":{"name":"NullPointerException","url":"/NullPointerException"}},{"slug_hash":"nyblr","title":"VSCO loader","url":"https://cdpn.io/hynden/fullembedgrid/nyblr","editor_url":"https://codepen.io/hynden/pen/nyblr","user":{"name":"Andreas Gillström","url":"/hynden"}},{"slug_hash":"akubF","title":"Magic Js","url":"https://cdpn.io/clovisneto/fullembedgrid/akubF","editor_url":"https://codepen.io/clovisneto/pen/akubF","user":{"name":"clovis neto","url":"/clovisneto"}},{"slug_hash":"rgLtH","title":"3D Js abstract background","url":"https://cdpn.io/enricotoniato/fullembedgrid/rgLtH","editor_url":"https://codepen.io/enricotoniato/pen/rgLtH","user":{"name":"enrico toniato","url":"/enricotoniato"}},{"slug_hash":"dgotk","title":"Seen.js Icosahedron","url":"https://cdpn.io/SaraVieira/fullembedgrid/dgotk","editor_url":"https://codepen.io/SaraVieira/pen/dgotk","user":{"name":"Sara Vieira","url":"/SaraVieira"}},{"slug_hash":"LhdCj","title":"LhdCj","url":"https://cdpn.io/jaokuohsuan/fullembedgrid/LhdCj","editor_url":"https://codepen.io/jaokuohsuan/pen/LhdCj","user":{"name":"jao kuo-hsuan","url":"/jaokuohsuan"}},{"slug_hash":"trbsj","title":"Awesome Editing pattern","url":"https://cdpn.io/social_quotient/fullembedgrid/trbsj","editor_url":"https://codepen.io/social_quotient/pen/trbsj","user":{"name":"John Curtis","url":"/social_quotient"}},{"slug_hash":"fdeak","title":"Orbit Button","url":"https://cdpn.io/grayghostvisuals/fullembedgrid/fdeak","editor_url":"https://codepen.io/grayghostvisuals/pen/fdeak","user":{"name":"GRAY GHOST","url":"/grayghostvisuals"}},{"slug_hash":"GhkAI","title":"CSS3 Infinite Loader","url":"https://cdpn.io/jonathansilva/fullembedgrid/GhkAI","editor_url":"https://codepen.io/jonathansilva/pen/GhkAI","user":{"name":"Jonathan Silva","url":"/jonathansilva"}},{"slug_hash":"iqtlk","title":"Pure CSS One Div Weather Animated Icons","url":"https://cdpn.io/_fbrz/fullembedgrid/iqtlk","editor_url":"https://codepen.io/_fbrz/pen/iqtlk","user":{"name":"Fabrizio Bianchi","url":"/_fbrz"}},{"slug_hash":"neDyE","title":"App Icon iOS 7","url":"https://cdpn.io/mariosmaselli/fullembedgrid/neDyE","editor_url":"https://codepen.io/mariosmaselli/pen/neDyE","user":{"name":"mario s maselli","url":"/mariosmaselli"}},{"slug_hash":"Gobyu","title":"Rainbow Rings","url":"https://cdpn.io/natewiley/fullembedgrid/Gobyu","editor_url":"https://codepen.io/natewiley/pen/Gobyu","user":{"name":"Nate Wiley","url":"/natewiley"}},{"slug_hash":"DcseJ","title":"Plasma Light Ball","url":"https://cdpn.io/adcomp/fullembedgrid/DcseJ","editor_url":"https://codepen.io/adcomp/pen/DcseJ","user":{"name":"David Art","url":"/adcomp"}},{"slug_hash":"jiavK","title":"jiavK","url":"https://cdpn.io/enworl/fullembedgrid/jiavK","editor_url":"https://codepen.io/enworl/pen/jiavK","user":{"name":"Jay Mistry","url":"/enworl"}},{"slug_hash":"fLceB","title":"Canvas Animation Tutorial","url":"https://cdpn.io/noxabellus/fullembedgrid/5ac62cf1b65722a954164ea6945092e6","editor_url":"https://codepen.io/noxabellus/pen/5ac62cf1b65722a954164ea6945092e6","user":{"name":"Danie Clawson","url":"/noxabellus"}},{"slug_hash":"vosBF","title":"The Twilight Zone Tunnel of Doom","url":"https://cdpn.io/colbyfayock/fullembedgrid/vosBF","editor_url":"https://codepen.io/colbyfayock/pen/vosBF","user":{"name":"Colby Fayock","url":"/colbyfayock"}},{"slug_hash":"Lgzkh","title":"Turtle Animation","url":"https://cdpn.io/brianpatterson/fullembedgrid/Lgzkh","editor_url":"https://codepen.io/brianpatterson/pen/Lgzkh","user":{"name":"Brian","url":"/brianpatterson"}},{"slug_hash":"evdFg","title":"Pixel Calibration","url":"https://cdpn.io/l1ght/fullembedgrid/evdFg","editor_url":"https://codepen.io/l1ght/pen/evdFg","user":{"name":"l1ght","url":"/l1ght"}},{"slug_hash":"Bmkhw","title":"YALP - Yet Another Life Pen","url":"https://cdpn.io/xgundam05/fullembedgrid/Bmkhw","editor_url":"https://codepen.io/xgundam05/pen/Bmkhw","user":{"name":"Laerin","url":"/xgundam05"}},{"slug_hash":"sroDh","title":"Chaos CSS3","url":"https://cdpn.io/juanbrujo/fullembedgrid/sroDh","editor_url":"https://codepen.io/juanbrujo/pen/sroDh","user":{"name":"Jorge Epuñan","url":"/juanbrujo"}},{"slug_hash":"xtyaj","title":"Worms","url":"https://cdpn.io/WhiteAngel/fullembedgrid/xtyaj","editor_url":"https://codepen.io/WhiteAngel/pen/xtyaj","user":{"name":"Martin Marada","url":"/WhiteAngel"}},{"slug_hash":"EbjJK","title":"The Joy of SVG Animating","url":"https://cdpn.io/lwoodrick/fullembedgrid/EbjJK","editor_url":"https://codepen.io/lwoodrick/pen/EbjJK","user":{"name":"Lauren Woodrick","url":"/lwoodrick"}},{"slug_hash":"Kefql","title":"Perlin Noise based Minecraft Tunnel","url":"https://cdpn.io/esimov/fullembedgrid/Kefql","editor_url":"https://codepen.io/esimov/pen/Kefql","user":{"name":"Endre Simo","url":"/esimov"}},{"slug_hash":"QwwJBY","title":"Metaballs loader","url":"https://cdpn.io/Beaugust/fullembedgrid/QwwJBY","editor_url":"https://codepen.io/Beaugust/pen/QwwJBY","user":{"name":"Beau","url":"/Beaugust"}},{"slug_hash":"RNPKKK","title":"CSS spinners","url":"https://cdpn.io/zessx/fullembedgrid/RNPKKK","editor_url":"https://codepen.io/zessx/pen/RNPKKK","user":{"name":"zessx","url":"/zessx"}},{"slug_hash":"zxGRjJ","title":"Data Flow","url":"https://cdpn.io/Hornebom/fullembedgrid/zxGRjJ","editor_url":"https://codepen.io/Hornebom/pen/zxGRjJ","user":{"name":"Hornebom","url":"/Hornebom"}},{"slug_hash":"ogbLev","title":"A City Grows","url":"https://cdpn.io/satchmorun/fullembedgrid/ogbLev","editor_url":"https://codepen.io/satchmorun/pen/ogbLev","user":{"name":"satchmorun","url":"/satchmorun"}},{"slug_hash":"myVOjY","title":"Skype logo animation","url":"https://cdpn.io/mladen___/fullembedgrid/myVOjY","editor_url":"https://codepen.io/mladen___/pen/myVOjY","user":{"name":"Mladen Stanojevic","url":"/mladen___"}},{"slug_hash":"YPWRYg","title":"Simple Cohesion Flocking","url":"https://cdpn.io/marcusstenbeck/fullembedgrid/YPWRYg","editor_url":"https://codepen.io/marcusstenbeck/pen/YPWRYg","user":{"name":"Marcus Stenbeck","url":"/marcusstenbeck"}},{"slug_hash":"pvEVVL","title":"3d loading animation","url":"https://cdpn.io/gbnikolov/fullembedgrid/pvEVVL","editor_url":"https://codepen.io/gbnikolov/pen/pvEVVL","user":{"name":"Georgi Nikoloff","url":"/gbnikolov"}},{"slug_hash":"vEXaww","title":"Styling checkboxes and radio buttons with CSS","url":"https://cdpn.io/8bitcode/fullembedgrid/vEXaww","editor_url":"https://codepen.io/8bitcode/pen/vEXaww","user":{"name":"8bit code","url":"/8bitcode"}},{"slug_hash":"MYbKMq","title":"Trying out fabric.js","url":"https://cdpn.io/netsi1964/fullembedgrid/MYbKMq","editor_url":"https://codepen.io/netsi1964/pen/MYbKMq","user":{"name":"Sten Hougaard","url":"/netsi1964"}},{"slug_hash":"gbLGxx","title":"Propeller? Vinyl Album?","url":"https://cdpn.io/pwsm50/fullembedgrid/gbLGxx","editor_url":"https://codepen.io/pwsm50/pen/gbLGxx","user":{"name":"Paul Sullivan","url":"/pwsm50"}},{"slug_hash":"XJNZrO","title":"Simple Up Down Voting","url":"https://cdpn.io/codeandcam/fullembedgrid/XJNZrO","editor_url":"https://codepen.io/codeandcam/pen/XJNZrO","user":{"name":"Cameron","url":"/codeandcam"}},{"slug_hash":"QwvWjx","title":"Worms","url":"https://cdpn.io/tsbits/fullembedgrid/QwvWjx","editor_url":"https://codepen.io/tsbits/pen/QwvWjx","user":{"name":"Olivier Destenay","url":"/tsbits"}},{"slug_hash":"YPVoPy","title":"App Icon - Weather","url":"https://cdpn.io/nicolazj/fullembedgrid/YPVoPy","editor_url":"https://codepen.io/nicolazj/pen/YPVoPy","user":{"name":"nicolazj","url":"/nicolazj"}},{"slug_hash":"WbOMmp","title":"Snake","url":"https://cdpn.io/cgpena/fullembedgrid/WbOMmp","editor_url":"https://codepen.io/cgpena/pen/WbOMmp","user":{"name":"cgpena","url":"/cgpena"}},{"slug_hash":"GgOOXg","title":"Clouds bouquet","url":"https://cdpn.io/cathbailh/fullembedgrid/GgOOXg","editor_url":"https://codepen.io/cathbailh/pen/GgOOXg","user":{"name":"Bailh","url":"/cathbailh"}},{"slug_hash":"OPzNLz","title":"Loader as a negative delay example","url":"https://cdpn.io/z-/fullembedgrid/OPzNLz","editor_url":"https://codepen.io/z-/pen/OPzNLz","user":{"name":"Zed Dash","url":"/z-"}},{"slug_hash":"wBpGxR","title":"Revealing line CSS animation","url":"https://cdpn.io/njmcode/fullembedgrid/wBpGxR","editor_url":"https://codepen.io/njmcode/pen/wBpGxR","user":{"name":"Neil McCallion","url":"/njmcode"}},{"slug_hash":"PwQxOX","title":"PwQxOX","url":"https://cdpn.io/jeroens/fullembedgrid/PwQxOX","editor_url":"https://codepen.io/jeroens/pen/PwQxOX","user":{"name":"Jeroen","url":"/jeroens"}},{"slug_hash":"dPexxa","title":"Spinning Gears","url":"https://cdpn.io/nwolke/fullembedgrid/dPexxa","editor_url":"https://codepen.io/nwolke/pen/dPexxa","user":{"name":"Nathan W","url":"/nwolke"}},{"slug_hash":"dPjKyK","title":"JavaScript Visualizer [V1]","url":"https://cdpn.io/HarrisCarney/fullembedgrid/dPjKyK","editor_url":"https://codepen.io/HarrisCarney/pen/dPjKyK","user":{"name":"Harris Carney","url":"/HarrisCarney"}},{"slug_hash":"vEwZop","title":"Project counter","url":"https://cdpn.io/jakubtursky/fullembedgrid/vEwZop","editor_url":"https://codepen.io/jakubtursky/pen/vEwZop","user":{"name":"Jakub Turský","url":"/jakubtursky"}},{"slug_hash":"BNLzbJ","title":"Loading Animation","url":"https://cdpn.io/johnheiner/fullembedgrid/BNLzbJ","editor_url":"https://codepen.io/johnheiner/pen/BNLzbJ","user":{"name":"John Heiner","url":"/johnheiner"}},{"slug_hash":"zGoNRM","title":"Kaleidoscoprainbow","url":"https://cdpn.io/cathbailh/fullembedgrid/zGoNRM","editor_url":"https://codepen.io/cathbailh/pen/zGoNRM","user":{"name":"Bailh","url":"/cathbailh"}},{"slug_hash":"pJPOje","title":"Looped animation with delays","url":"https://cdpn.io/william-index/fullembedgrid/pJPOje","editor_url":"https://codepen.io/william-index/pen/pJPOje","user":{"name":"William Anderson","url":"/william-index"}},{"slug_hash":"JdyPpP","title":"liste1","url":"https://cdpn.io/hajjaji23/fullembedgrid/JdyPpP","editor_url":"https://codepen.io/hajjaji23/pen/JdyPpP","user":{"name":"hajer","url":"/hajjaji23"}},{"slug_hash":"PqKEGg","title":"Google Particle Logo","url":"https://cdpn.io/alexdevp/fullembedgrid/PqKEGg","editor_url":"https://codepen.io/alexdevp/pen/PqKEGg","user":{"name":"Alex Permyakov","url":"/alexdevp"}},{"slug_hash":"doVQqv","title":"CSS Only Poseable Mannequin","url":"https://cdpn.io/neoberg/fullembedgrid/doVQqv","editor_url":"https://codepen.io/neoberg/pen/doVQqv","user":{"name":"Burak Can","url":"/neoberg"}},{"slug_hash":"mJBYqy","title":"Digital Clock","url":"https://cdpn.io/maneeshc/fullembedgrid/mJBYqy","editor_url":"https://codepen.io/maneeshc/pen/mJBYqy","user":{"name":"Maneesh","url":"/maneeshc"}},{"slug_hash":"rVvxRE","title":"SVG Tools","url":"https://cdpn.io/chrisgannon/fullembedgrid/rVvxRE","editor_url":"https://codepen.io/chrisgannon/pen/rVvxRE","user":{"name":"Chris Gannon","url":"/chrisgannon"}},{"slug_hash":"yNENOZ","title":"trippy curves","url":"https://cdpn.io/gmihalios/fullembedgrid/yNENOZ","editor_url":"https://codepen.io/gmihalios/pen/yNENOZ","user":{"name":"George","url":"/gmihalios"}},{"slug_hash":"GJYzOJ","title":"Letter explosion","url":"https://cdpn.io/apt/fullembedgrid/GJYzOJ","editor_url":"https://codepen.io/apt/pen/GJYzOJ","user":{"name":"Apt","url":"/apt"}},{"slug_hash":"yNGoxy","title":"Circle Vs Circle and AABB Collision Detection","url":"https://cdpn.io/noxabellus/fullembedgrid/yNGoxy","editor_url":"https://codepen.io/noxabellus/pen/yNGoxy","user":{"name":"Danie Clawson","url":"/noxabellus"}},{"slug_hash":"jPJqJW","title":"Bees & Bombs Week-End #2 : dancing diamonds","url":"https://cdpn.io/long-lazuli/fullembedgrid/jPJqJW","editor_url":"https://codepen.io/long-lazuli/pen/jPJqJW","user":{"name":"Long Lazuli","url":"/long-lazuli"}},{"slug_hash":"dYbozb","title":"Swipe-In Animation","url":"https://cdpn.io/cbp/fullembedgrid/dYbozb","editor_url":"https://codepen.io/cbp/pen/dYbozb","user":{"name":"Christian Petersen","url":"/cbp"}},{"slug_hash":"wKvdjz","title":"Thee Wavefunctions","url":"https://cdpn.io/kvndy/fullembedgrid/wKvdjz","editor_url":"https://codepen.io/kvndy/pen/wKvdjz","user":{"name":"Kevin Doughty","url":"/kvndy"}},{"slug_hash":"yYMoLw","title":"horo","url":"https://cdpn.io/kilchenmann/fullembedgrid/yYMoLw","editor_url":"https://codepen.io/kilchenmann/pen/yYMoLw","user":{"name":"Kilchenmann","url":"/kilchenmann"}},{"slug_hash":"ZbKzrK","title":"_ Attracted Shooting Star _","url":"https://cdpn.io/Jeremboo/fullembedgrid/ZbKzrK","editor_url":"https://codepen.io/Jeremboo/pen/ZbKzrK","user":{"name":"Jeremie Boulay","url":"/Jeremboo"}},{"slug_hash":"VvzGRj","title":"SVG Tea Mug","url":"https://cdpn.io/chrisgannon/fullembedgrid/VvzGRj","editor_url":"https://codepen.io/chrisgannon/pen/VvzGRj","user":{"name":"Chris Gannon","url":"/chrisgannon"}},{"slug_hash":"yYzyWQ","title":"Infinite Cubes CSS","url":"https://cdpn.io/natewiley/fullembedgrid/yYzyWQ","editor_url":"https://codepen.io/natewiley/pen/yYzyWQ","user":{"name":"Nate Wiley","url":"/natewiley"}},{"slug_hash":"JYOzWW","title":"Infinity glowline CSS corners box / buttons","url":"https://cdpn.io/NyX/fullembedgrid/JYOzWW","editor_url":"https://codepen.io/NyX/pen/JYOzWW","user":{"name":"Sabin Tudor","url":"/NyX"}},{"slug_hash":"qOxRyR","title":"RX.js Typeahead","url":"https://cdpn.io/clintonhalpin/fullembedgrid/qOxRyR","editor_url":"https://codepen.io/clintonhalpin/pen/qOxRyR","user":{"name":"Clinton Halpin","url":"/clintonhalpin"}},{"slug_hash":"xwzBMN","title":"#codevember day 1","url":"https://cdpn.io/vdaguenet/fullembedgrid/xwzBMN","editor_url":"https://codepen.io/vdaguenet/pen/xwzBMN","user":{"name":"Valentin Daguenet","url":"/vdaguenet"}},{"slug_hash":"dYjErK","title":"Recovery","url":"https://cdpn.io/gunderson/fullembedgrid/dYjErK","editor_url":"https://codepen.io/gunderson/pen/dYjErK","user":{"name":"Patrick Gunderson","url":"/gunderson"}},{"slug_hash":"MaqodQ","title":"#Codevember - Day 5 - Loading indicator","url":"https://cdpn.io/ikoshowa/fullembedgrid/MaqodQ","editor_url":"https://codepen.io/ikoshowa/pen/MaqodQ","user":{"name":"Grélard Antoine","url":"/ikoshowa"}},{"slug_hash":"MazRZQ","title":"#codevember - 6 Bike","url":"https://cdpn.io/Muhnad/fullembedgrid/MazRZQ","editor_url":"https://codepen.io/Muhnad/pen/MazRZQ","user":{"name":"Muhannad Abdelrazek","url":"/Muhnad"}},{"slug_hash":"MaZpJp","title":"Learning SVG animation","url":"https://cdpn.io/FabioG/fullembedgrid/MaZpJp","editor_url":"https://codepen.io/FabioG/pen/MaZpJp","user":{"name":"Fabio","url":"/FabioG"}},{"slug_hash":"dYLjaX","title":"ChromaShift","url":"https://cdpn.io/tmrDevelops/fullembedgrid/dYLjaX","editor_url":"https://codepen.io/tmrDevelops/pen/dYLjaX","user":{"name":"Tiffany Rayside","url":"/tmrDevelops"}},{"slug_hash":"rxNjZm","title":"No Script Form Validation","url":"https://cdpn.io/jakob-e/fullembedgrid/rxNjZm","editor_url":"https://codepen.io/jakob-e/pen/rxNjZm","user":{"name":"jakob-e","url":"/jakob-e"}},{"slug_hash":"rxMqXj","title":"Narwhal","url":"https://cdpn.io/judag/fullembedgrid/rxMqXj","editor_url":"https://codepen.io/judag/pen/rxMqXj","user":{"name":"Judith Neumann","url":"/judag"}},{"slug_hash":"wModMm","title":"Funky Loader","url":"https://cdpn.io/Jackthomsonn/fullembedgrid/wModMm","editor_url":"https://codepen.io/Jackthomsonn/pen/wModMm","user":{"name":"Jack Thomson","url":"/Jackthomsonn"}},{"slug_hash":"BjJBeX","title":"Dancing Cubes","url":"https://cdpn.io/kingmeers/fullembedgrid/BjJBeX","editor_url":"https://codepen.io/kingmeers/pen/BjJBeX","user":{"name":"Meers E. Chahine","url":"/kingmeers"}},{"slug_hash":"YwaaWe","title":"Batman","url":"https://cdpn.io/_massimo/fullembedgrid/YwaaWe","editor_url":"https://codepen.io/_massimo/pen/YwaaWe","user":{"name":"massimo","url":"/_massimo"}},{"slug_hash":"wMxgbQ","title":"Easing animation sequences","url":"https://cdpn.io/fta/fullembedgrid/wMxgbQ","editor_url":"https://codepen.io/fta/pen/wMxgbQ","user":{"name":"Franklin Ta","url":"/fta"}},{"slug_hash":"Ywgxqb","title":"One element four color loader","url":"https://cdpn.io/tstoik/fullembedgrid/Ywgxqb","editor_url":"https://codepen.io/tstoik/pen/Ywgxqb","user":{"name":"Tiffany Stoik","url":"/tstoik"}},{"slug_hash":"dMYgGY","title":"xcounter","url":"https://cdpn.io/tmrDevelops/fullembedgrid/dMYgGY","editor_url":"https://codepen.io/tmrDevelops/pen/dMYgGY","user":{"name":"Tiffany Rayside","url":"/tmrDevelops"}},{"slug_hash":"JXbYdz","title":"Nexus","url":"https://cdpn.io/tmrDevelops/fullembedgrid/JXbYdz","editor_url":"https://codepen.io/tmrDevelops/pen/JXbYdz","user":{"name":"Tiffany Rayside","url":"/tmrDevelops"}},{"slug_hash":"dMzZpz","title":"Fix line breaks in contenteditable elements","url":"https://cdpn.io/hellokatili/fullembedgrid/dMzZpz","editor_url":"https://codepen.io/hellokatili/pen/dMzZpz","user":{"name":"hellokatili","url":"/hellokatili"}},{"slug_hash":"KzXqGP","title":"IYLYCYL","url":"https://cdpn.io/d4rek/fullembedgrid/KzXqGP","editor_url":"https://codepen.io/d4rek/pen/KzXqGP","user":{"name":"Derek Nguyen","url":"/d4rek"}},{"slug_hash":"NNwRrZ","title":"Go with the flow","url":"https://cdpn.io/octopus11/fullembedgrid/NNwRrZ","editor_url":"https://codepen.io/octopus11/pen/NNwRrZ","user":{"name":"Dion Snoeijen","url":"/octopus11"}},{"slug_hash":"revxWR","title":"The Color Guessing Game- My Clone","url":"https://cdpn.io/whimsyscript/fullembedgrid/revxWR","editor_url":"https://codepen.io/whimsyscript/pen/revxWR","user":{"name":"Nkem Ivie","url":"/whimsyscript"}},{"slug_hash":"ONZWoX","title":"Stopwatch","url":"https://cdpn.io/hilotacker/fullembedgrid/ONZWoX","editor_url":"https://codepen.io/hilotacker/pen/ONZWoX","user":{"name":"Hilo","url":"/hilotacker"}},{"slug_hash":"zqjzvP","title":"Multi touch finger painting","url":"https://cdpn.io/terabaud/fullembedgrid/zqjzvP","editor_url":"https://codepen.io/terabaud/pen/zqjzvP","user":{"name":"Lea Rosema","url":"/terabaud"}},{"slug_hash":"GZPbvr","title":"Pizza Time","url":"https://cdpn.io/cobra_winfrey/fullembedgrid/GZPbvr","editor_url":"https://codepen.io/cobra_winfrey/pen/GZPbvr","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"slug_hash":"XdwooQ","title":"squares","url":"https://cdpn.io/mnmxmx/fullembedgrid/XdwooQ","editor_url":"https://codepen.io/mnmxmx/pen/XdwooQ","user":{"name":"Misaki Nakano","url":"/mnmxmx"}},{"slug_hash":"XKJBaQ","title":"ROW TO COLUMN","url":"https://cdpn.io/jackharner/fullembedgrid/XKJBaQ","editor_url":"https://codepen.io/jackharner/pen/XKJBaQ","user":{"name":"Jack Harner","url":"/jackharner"}},{"slug_hash":"aZzQQz","title":"aZzQQz","url":"https://cdpn.io/magnificode/fullembedgrid/aZzQQz","editor_url":"https://codepen.io/magnificode/pen/aZzQQz","user":{"name":"magnificode","url":"/magnificode"}},{"slug_hash":"jrVZzx","title":"MailChimp UX Issue 23 - Plain Wrong","url":"https://cdpn.io/reallygoodemails/fullembedgrid/jrVZzx","editor_url":"https://codepen.io/reallygoodemails/pen/jrVZzx","user":{"name":"Really Good Emails","url":"/reallygoodemails"}},{"slug_hash":"NAjdxg","title":"Alien Isolation Tracker - SVG","url":"https://cdpn.io/jonnowitts/fullembedgrid/NAjdxg","editor_url":"https://codepen.io/jonnowitts/pen/NAjdxg","user":{"name":"Jonno Witts","url":"/jonnowitts"}},{"slug_hash":"RRxyKz","title":"Icecream loader","url":"https://cdpn.io/astrixsz/fullembedgrid/RRxyKz","editor_url":"https://codepen.io/astrixsz/pen/RRxyKz","user":{"name":"Matheus Verissimo","url":"/astrixsz"}},{"slug_hash":"QEmmQz","title":"QEmmQz","url":"https://cdpn.io/magnificode/fullembedgrid/QEmmQz","editor_url":"https://codepen.io/magnificode/pen/QEmmQz","user":{"name":"magnificode","url":"/magnificode"}},{"slug_hash":"LkmrXQ","title":"Ugh Grid Concept","url":"https://cdpn.io/nizarmah/fullembedgrid/LkmrXQ","editor_url":"https://codepen.io/nizarmah/pen/LkmrXQ","user":{"name":"Nizar","url":"/nizarmah"}},{"slug_hash":"pbkEzx","title":"Dynamic loading circle","url":"https://cdpn.io/oemueller/fullembedgrid/pbkEzx","editor_url":"https://codepen.io/oemueller/pen/pbkEzx","user":{"name":"Oliver","url":"/oemueller"}},{"slug_hash":"dXjEvm","title":"Loader - Day #5","url":"https://cdpn.io/Sixclones/fullembedgrid/dXjEvm","editor_url":"https://codepen.io/Sixclones/pen/dXjEvm","user":{"name":"Roch Bouchayer","url":"/Sixclones"}},{"slug_hash":"oLaBPV","title":"Daily UI 008 - 404 Page","url":"https://cdpn.io/ChaseAllbee/fullembedgrid/oLaBPV","editor_url":"https://codepen.io/ChaseAllbee/pen/oLaBPV","user":{"name":"Chase Allbee","url":"/ChaseAllbee"}},{"slug_hash":"qNJwEv","title":"Notch","url":"https://cdpn.io/backoefer/fullembedgrid/qNJwEv","editor_url":"https://codepen.io/backoefer/pen/qNJwEv","user":{"name":"Christoph Marshall","url":"/backoefer"}},{"slug_hash":"zByXVr","title":"zByXVr","url":"https://cdpn.io/sogoonii/fullembedgrid/zByXVr","editor_url":"https://codepen.io/sogoonii/pen/zByXVr","user":{"name":"소지훈","url":"/sogoonii"}},{"slug_hash":"Gqakbo","title":"Animated Weather Cards","url":"https://cdpn.io/ste-vg/fullembedgrid/Gqakbo","editor_url":"https://codepen.io/ste-vg/pen/Gqakbo","user":{"name":"Steve Gardner","url":"/ste-vg"}},{"slug_hash":"jAjNZV","title":"Bouncy Balls","url":"https://cdpn.io/jscottsmith/fullembedgrid/jAjNZV","editor_url":"https://codepen.io/jscottsmith/pen/jAjNZV","user":{"name":"J Scott Smith","url":"/jscottsmith"}},{"slug_hash":"yaZXLq","title":"Vibrating Universe","url":"https://cdpn.io/riazxrazor/fullembedgrid/yaZXLq","editor_url":"https://codepen.io/riazxrazor/pen/yaZXLq","user":{"name":"Riaz Laskar","url":"/riazxrazor"}},{"slug_hash":"jrqAjX","title":"jrqAjX","url":"https://cdpn.io/jhealey5/fullembedgrid/jrqAjX","editor_url":"https://codepen.io/jhealey5/pen/jrqAjX","user":{"name":"John Healey","url":"/jhealey5"}},{"slug_hash":"BLVZLp","title":"Random Icons","url":"https://cdpn.io/iconjunkie/fullembedgrid/BLVZLp","editor_url":"https://codepen.io/iconjunkie/pen/BLVZLp","user":{"name":"David McFeders","url":"/iconjunkie"}},{"slug_hash":"WGYXdk","title":"Reflective Photo Gallery","url":"https://cdpn.io/sreisner/fullembedgrid/WGYXdk","editor_url":"https://codepen.io/sreisner/pen/WGYXdk","user":{"name":"Shawn Reisner","url":"/sreisner"}},{"slug_hash":"yVLwYz","title":"CodeVember #04 | Whoop Whoop","url":"https://cdpn.io/terabaud/fullembedgrid/yVLwYz","editor_url":"https://codepen.io/terabaud/pen/yVLwYz","user":{"name":"Lea Rosema","url":"/terabaud"}},{"slug_hash":"GNZELz","title":"#Codevember Day 12 – Floating Circles","url":"https://cdpn.io/UnforbiddenYet/fullembedgrid/GNZELz","editor_url":"https://codepen.io/UnforbiddenYet/pen/GNZELz","user":{"name":"Dmytro Lvivsky","url":"/UnforbiddenYet"}},{"slug_hash":"mOEQXp","title":"#Codevember 15: Icons","url":"https://cdpn.io/jappe/fullembedgrid/mOEQXp","editor_url":"https://codepen.io/jappe/pen/mOEQXp","user":{"name":"Jappe","url":"/jappe"}},{"slug_hash":"oYYqqb","title":"Boba","url":"https://cdpn.io/tarzioo/fullembedgrid/oYYqqb","editor_url":"https://codepen.io/tarzioo/pen/oYYqqb","user":{"name":"Taraneh BigBow","url":"/tarzioo"}},{"slug_hash":"dOvwGY","title":"#codevember 2016 | 22 ","url":"https://cdpn.io/sha99y8oy/fullembedgrid/dOvwGY","editor_url":"https://codepen.io/sha99y8oy/pen/dOvwGY","user":{"name":"shaggy","url":"/sha99y8oy"}},{"slug_hash":"oYqVLR","title":"Jack in a Box","url":"https://cdpn.io/ste-vg/fullembedgrid/oYqVLR","editor_url":"https://codepen.io/ste-vg/pen/oYqVLR","user":{"name":"Steve Gardner","url":"/ste-vg"}},{"slug_hash":"zomBbd","title":"CSS Animation","url":"https://cdpn.io/pushpan999/fullembedgrid/zomBbd","editor_url":"https://codepen.io/pushpan999/pen/zomBbd","user":{"name":"Pushpan Kumar G.C.","url":"/pushpan999"}},{"slug_hash":"aBgYjG","title":"aBgYjG","url":"https://cdpn.io/bennettfeely/fullembedgrid/aBgYjG","editor_url":"https://codepen.io/bennettfeely/pen/aBgYjG","user":{"name":"Bennett Feely","url":"/bennettfeely"}},{"slug_hash":"rjxQqq","title":"Lounès","url":"https://cdpn.io/andyNroses/fullembedgrid/rjxQqq","editor_url":"https://codepen.io/andyNroses/pen/rjxQqq","user":{"name":"Andy Pagès","url":"/andyNroses"}},{"slug_hash":"WRREGv","title":"DailyCSSImages '03' Beaver","url":"https://cdpn.io/TheBrutalTooth/fullembedgrid/WRREGv","editor_url":"https://codepen.io/TheBrutalTooth/pen/WRREGv","user":{"name":"The Brutal Tooth","url":"/TheBrutalTooth"}},{"slug_hash":"xgqmPX","title":"Scooby-Doo - Daily CSS Images - Day 5","url":"https://cdpn.io/giuliacardieri/fullembedgrid/xgqmPX","editor_url":"https://codepen.io/giuliacardieri/pen/xgqmPX","user":{"name":"Giulia Cardieri","url":"/giuliacardieri"}},{"slug_hash":"Xpzpda","title":"SM64 Endless Staircase","url":"https://cdpn.io/jkantner/fullembedgrid/Xpzpda","editor_url":"https://codepen.io/jkantner/pen/Xpzpda","user":{"name":"Jon Kantner","url":"/jkantner"}},{"slug_hash":"PWOMLj","title":"Particle Flow w/ Typed Arrays","url":"https://cdpn.io/seanfree/fullembedgrid/PWOMLj","editor_url":"https://codepen.io/seanfree/pen/PWOMLj","user":{"name":"Sean Free","url":"/seanfree"}},{"slug_hash":"OWZPjK","title":"edgy loader","url":"https://cdpn.io/lukasoe/fullembedgrid/OWZPjK","editor_url":"https://codepen.io/lukasoe/pen/OWZPjK","user":{"name":"LukasOe","url":"/lukasoe"}},{"slug_hash":"bgxaLx","title":"Miss me? : feColorMatrix, feBlur, feOffset study","url":"https://cdpn.io/pareshd/fullembedgrid/bgxaLx","editor_url":"https://codepen.io/pareshd/pen/bgxaLx","user":{"name":"Paresh Deshpande","url":"/pareshd"}},{"slug_hash":"zNQVqb","title":"Star Pattern","url":"https://cdpn.io/mohalobaidi/fullembedgrid/zNQVqb","editor_url":"https://codepen.io/mohalobaidi/pen/zNQVqb","user":{"name":"Mohammed Alobaidi","url":"/mohalobaidi"}},{"slug_hash":"JEQRJW","title":"twist 2","url":"https://cdpn.io/cantelope/fullembedgrid/JEQRJW","editor_url":"https://codepen.io/cantelope/pen/JEQRJW","user":{"name":"Scott R McGann","url":"/cantelope"}},{"slug_hash":"ZezVVd","title":"Animated Atom With Evenly Spaced Shells and Electrons","url":"https://cdpn.io/daveberning/fullembedgrid/ZezVVd","editor_url":"https://codepen.io/daveberning/pen/ZezVVd","user":{"name":"Dave Berning","url":"/daveberning"}},{"slug_hash":"EWoWEK","title":"Nets flow","url":"https://cdpn.io/Frizi/fullembedgrid/EWoWEK","editor_url":"https://codepen.io/Frizi/pen/EWoWEK","user":{"name":"Paweł Grabarz","url":"/Frizi"}},{"slug_hash":"KWooRW","title":"Daily CSS Images 08: Notepad (animated) #dailycssimages","url":"https://cdpn.io/elmzarnsi/fullembedgrid/KWooRW","editor_url":"https://codepen.io/elmzarnsi/pen/KWooRW","user":{"name":"JR Balbin","url":"/elmzarnsi"}},{"slug_hash":"EWOJMW","title":"(actual) Blackhole - Click to move","url":"https://cdpn.io/darrylhuffman/fullembedgrid/EWOJMW","editor_url":"https://codepen.io/darrylhuffman/pen/EWOJMW","user":{"name":"Darryl Huffman","url":"/darrylhuffman"}},{"slug_hash":"gmyevN","title":"Scroll Reaction / Fixed Video Box","url":"https://cdpn.io/jlnljn/fullembedgrid/gmyevN","editor_url":"https://codepen.io/jlnljn/pen/gmyevN","user":{"name":"Julien Lejeune","url":"/jlnljn"}},{"slug_hash":"RVNejv","title":"Pink balloons","url":"https://cdpn.io/Tsankashvili/fullembedgrid/RVNejv","editor_url":"https://codepen.io/Tsankashvili/pen/RVNejv","user":{"name":"Misha Tsankashvili","url":"/Tsankashvili"}},{"slug_hash":"jmbYGK","title":"Square Snake","url":"https://cdpn.io/Tsankashvili/fullembedgrid/jmbYGK","editor_url":"https://codepen.io/Tsankashvili/pen/jmbYGK","user":{"name":"Misha Tsankashvili","url":"/Tsankashvili"}},{"slug_hash":"VbjYOw","title":"speed code #3 - BfAhe - particle chain minigame","url":"https://cdpn.io/towc/fullembedgrid/VbjYOw","editor_url":"https://codepen.io/towc/pen/VbjYOw","user":{"name":"Matei Copot","url":"/towc"}},{"slug_hash":"WjRbmv","title":"Polar Agenda (Vanilla)","url":"https://cdpn.io/abensur/fullembedgrid/WjRbmv","editor_url":"https://codepen.io/abensur/pen/WjRbmv","user":{"name":"Rafael Abensur","url":"/abensur"}},{"slug_hash":"wdrQzO","title":"checkbox with mo.js 💵","url":"https://cdpn.io/mprquinn/fullembedgrid/wdrQzO","editor_url":"https://codepen.io/mprquinn/pen/wdrQzO","user":{"name":"Mike Quinn","url":"/mprquinn"}},{"slug_hash":"yXYYdm","title":"Spring physics with CSS variables","url":"https://cdpn.io/valhead/fullembedgrid/yXYYdm","editor_url":"https://codepen.io/valhead/pen/yXYYdm","user":{"name":"Val Head","url":"/valhead"}},{"slug_hash":"pwwQBY","title":"SVG Radar Animation With GSAP","url":"https://cdpn.io/asistapl/fullembedgrid/pwwQBY","editor_url":"https://codepen.io/asistapl/pen/pwwQBY","user":{"name":"Maciej Leszczyński","url":"/asistapl"}},{"slug_hash":"werezz","title":"Cupcake Factory","url":"https://cdpn.io/IanHazelton/fullembedgrid/werezz","editor_url":"https://codepen.io/IanHazelton/pen/werezz","user":{"name":"Ian Hazelton","url":"/IanHazelton"}},{"slug_hash":"MoXJWL","title":"CSS Fireworks","url":"https://cdpn.io/giana/fullembedgrid/MoXJWL","editor_url":"https://codepen.io/giana/pen/MoXJWL","user":{"name":"Giana","url":"/giana"}},{"slug_hash":"dRgMeg","title":"Only CSS: Infinite Toilet Paper","url":"https://cdpn.io/YusukeNakaya/fullembedgrid/dRgMeg","editor_url":"https://codepen.io/YusukeNakaya/pen/dRgMeg","user":{"name":"Yusuke Nakaya","url":"/YusukeNakaya"}},{"slug_hash":"gRBJad","title":"Éphémères","url":"https://cdpn.io/cathbailh/fullembedgrid/gRBJad","editor_url":"https://codepen.io/cathbailh/pen/gRBJad","user":{"name":"Bailh","url":"/cathbailh"}},{"slug_hash":"MozgXb","title":"Animated 3D Globe (WebGL/three.js)","url":"https://cdpn.io/Flamov/fullembedgrid/MozgXb","editor_url":"https://codepen.io/Flamov/pen/MozgXb","user":{"name":"Flamov","url":"/Flamov"}},{"slug_hash":"PjxwGK","title":"Distortion effect using SVG filters","url":"https://cdpn.io/mnovosel2/fullembedgrid/PjxwGK","editor_url":"https://codepen.io/mnovosel2/pen/PjxwGK","user":{"name":"Mario Novoselec","url":"/mnovosel2"}},{"slug_hash":"yXroLJ","title":"A thing.","url":"https://cdpn.io/uplusion23/fullembedgrid/yXroLJ","editor_url":"https://codepen.io/uplusion23/pen/yXroLJ","user":{"name":"Trevor L.J.M. McIntire","url":"/uplusion23"}},{"slug_hash":"bRypZa","title":"blob","url":"https://cdpn.io/gbnikolov/fullembedgrid/bRypZa","editor_url":"https://codepen.io/gbnikolov/pen/bRypZa","user":{"name":"Georgi Nikoloff","url":"/gbnikolov"}},{"slug_hash":"LLKJYW","title":"Cube of cubes","url":"https://cdpn.io/elifitch/fullembedgrid/LLKJYW","editor_url":"https://codepen.io/elifitch/pen/LLKJYW","user":{"name":"Eli Fitch","url":"/elifitch"}},{"slug_hash":"EvNGvj","title":"Whitby Recreations: Arcs","url":"https://cdpn.io/danwilson/fullembedgrid/EvNGvj","editor_url":"https://codepen.io/danwilson/pen/EvNGvj","user":{"name":"Dan Wilson","url":"/danwilson"}},{"slug_hash":"YxNjdz","title":"Simple Vertical Slider","url":"https://cdpn.io/sterion/fullembedgrid/YxNjdz","editor_url":"https://codepen.io/sterion/pen/YxNjdz","user":{"name":"Tom English","url":"/sterion"}},{"slug_hash":"zddMJo","title":"gradient stop animation (JS, linear)","url":"https://cdpn.io/thebabydino/fullembedgrid/zddMJo","editor_url":"https://codepen.io/thebabydino/pen/zddMJo","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"slug_hash":"vJQWEK","title":"The Secret Circle","url":"https://cdpn.io/hankuro/fullembedgrid/vJQWEK","editor_url":"https://codepen.io/hankuro/pen/vJQWEK","user":{"name":"hankuro","url":"/hankuro"}},{"slug_hash":"OjKMRJ","title":"🌌 Generative Art - Spiral Noise 🌌","url":"https://cdpn.io/etreacy/fullembedgrid/OjKMRJ","editor_url":"https://codepen.io/etreacy/pen/OjKMRJ","user":{"name":"Eric Treacy","url":"/etreacy"}},{"slug_hash":"BwBYOZ","title":"Vintage (Retro) Fake Terminal Emulator in JavaScript","url":"https://cdpn.io/jcubic/fullembedgrid/BwBYOZ","editor_url":"https://codepen.io/jcubic/pen/BwBYOZ","user":{"name":"Jakub T. Jankiewicz","url":"/jcubic"}},{"slug_hash":"dVyORB","title":"Code Snippets Animation","url":"https://cdpn.io/Thomascullen/fullembedgrid/dVyORB","editor_url":"https://codepen.io/Thomascullen/pen/dVyORB","user":{"name":"Thomas Cullen","url":"/Thomascullen"}},{"slug_hash":"BwdaeW","title":"Three.js Low Poly Self Portrait","url":"https://cdpn.io/Zultan/fullembedgrid/BwdaeW","editor_url":"https://codepen.io/Zultan/pen/BwdaeW","user":{"name":"Zultan","url":"/Zultan"}},{"slug_hash":"rGvEpR","title":"Contamination","url":"https://cdpn.io/terabaud/fullembedgrid/rGvEpR","editor_url":"https://codepen.io/terabaud/pen/rGvEpR","user":{"name":"Lea Rosema","url":"/terabaud"}},{"slug_hash":"yPyLxJ","title":"Fake Shadows (CASTING)","url":"https://cdpn.io/sean_codes/fullembedgrid/yPyLxJ","editor_url":"https://codepen.io/sean_codes/pen/yPyLxJ","user":{"name":"sean_codes","url":"/sean_codes"}},{"slug_hash":"pdJwwX","title":"CSS Only Background - Gradient Strokes with animation (Purple)","url":"https://cdpn.io/qkibit/fullembedgrid/pdJwwX","editor_url":"https://codepen.io/qkibit/pen/pdJwwX","user":{"name":"qkibit","url":"/qkibit"}},{"slug_hash":"OOMJrZ","title":"[2] #Codevember - Raining Cake","url":"https://cdpn.io/Zultan/fullembedgrid/OOMJrZ","editor_url":"https://codepen.io/Zultan/pen/OOMJrZ","user":{"name":"Zultan","url":"/Zultan"}},{"slug_hash":"jaqOgX","title":"Codevember #03 - tree","url":"https://cdpn.io/Anthelmed/fullembedgrid/jaqOgX","editor_url":"https://codepen.io/Anthelmed/pen/jaqOgX","user":{"name":"Anthelme Dumont","url":"/Anthelmed"}},{"slug_hash":"qVawjB","title":"Codevember 007: Pillow","url":"https://cdpn.io/cobra_winfrey/fullembedgrid/qVawjB","editor_url":"https://codepen.io/cobra_winfrey/pen/qVawjB","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"slug_hash":"ZarmOB","title":"Codevember #20","url":"https://cdpn.io/dpdknl/fullembedgrid/ZarmOB","editor_url":"https://codepen.io/dpdknl/pen/ZarmOB","user":{"name":"DPDK","url":"/dpdknl"}},{"slug_hash":"dZmKrz","title":"Codevember #17: Speed","url":"https://cdpn.io/judag/fullembedgrid/dZmKrz","editor_url":"https://codepen.io/judag/pen/dZmKrz","user":{"name":"Judith Neumann","url":"/judag"}},{"slug_hash":"VrBGOg","title":"Codevember 027: Beer","url":"https://cdpn.io/cobra_winfrey/fullembedgrid/VrBGOg","editor_url":"https://codepen.io/cobra_winfrey/pen/VrBGOg","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"slug_hash":"xpERyB","title":"Fancy numbers","url":"https://cdpn.io/tiffachoo/fullembedgrid/xpERyB","editor_url":"https://codepen.io/tiffachoo/pen/xpERyB","user":{"name":"tiffany choong","url":"/tiffachoo"}},{"slug_hash":"NXjwaN","title":"Animated Gradient Underline for Link Hover State","url":"https://cdpn.io/GeorgePark/fullembedgrid/NXjwaN","editor_url":"https://codepen.io/GeorgePark/pen/NXjwaN","user":{"name":"George W. Park","url":"/GeorgePark"}},{"slug_hash":"BJReeb","title":"Happy New Year 2018!","url":"https://cdpn.io/derossi_s/fullembedgrid/BJReeb","editor_url":"https://codepen.io/derossi_s/pen/BJReeb","user":{"name":"Sebastian De Rossi","url":"/derossi_s"}},{"slug_hash":"aqdmaN","title":"CSS Illustration 'Witch'","url":"https://cdpn.io/WhitePallet/fullembedgrid/aqdmaN","editor_url":"https://codepen.io/WhitePallet/pen/aqdmaN","user":{"name":"white pallet","url":"/WhitePallet"}},{"slug_hash":"RQrymx","title":"Simple Fade In Demo","url":"https://cdpn.io/nicholasjackson827/fullembedgrid/RQrymx","editor_url":"https://codepen.io/nicholasjackson827/pen/RQrymx","user":{"name":"Nicholas Jackson","url":"/nicholasjackson827"}},{"slug_hash":"xYXJKp","title":"#30dayscssimage - Day 9 ~ winner cup","url":"https://cdpn.io/Hastalavistababy/fullembedgrid/xYXJKp","editor_url":"https://codepen.io/Hastalavistababy/pen/xYXJKp","user":{"name":"Mogeli lortkipanidze","url":"/Hastalavistababy"}},{"slug_hash":"oEQbPb","title":"Interactive Chemical Reaction-Diffusion with WebGL","url":"https://cdpn.io/darrylhuffman/fullembedgrid/oEQbPb","editor_url":"https://codepen.io/darrylhuffman/pen/oEQbPb","user":{"name":"Darryl Huffman","url":"/darrylhuffman"}},{"slug_hash":"VQNQLR","title":"#codepenchallenge: Stargate","url":"https://cdpn.io/CiTA/fullembedgrid/VQNQLR","editor_url":"https://codepen.io/CiTA/pen/VQNQLR","user":{"name":"Silvestar Bistrović","url":"/CiTA"}},{"slug_hash":"eMOgoj","title":"Stargate codepenchallenge","url":"https://cdpn.io/PixieAl/fullembedgrid/eMOgoj","editor_url":"https://codepen.io/PixieAl/pen/eMOgoj","user":{"name":"Alice Boyd-Leslie","url":"/PixieAl"}},{"slug_hash":"aYmXNJ","title":"Lovely Note - Note Idea Generator","url":"https://cdpn.io/cvasquez/fullembedgrid/aYmXNJ","editor_url":"https://codepen.io/cvasquez/pen/aYmXNJ","user":{"name":"Chris Vasquez","url":"/cvasquez"}},{"slug_hash":"mxRreV","title":"Ziggurat","url":"https://cdpn.io/shubniggurath/fullembedgrid/mxRreV","editor_url":"https://codepen.io/shubniggurath/pen/mxRreV","user":{"name":"Liam Egan","url":"/shubniggurath"}},{"slug_hash":"WzMGJg","title":"Flowery Codepen 🌸","url":"https://cdpn.io/ste-vg/fullembedgrid/WzMGJg","editor_url":"https://codepen.io/ste-vg/pen/WzMGJg","user":{"name":"Steve Gardner","url":"/ste-vg"}},{"slug_hash":"BrVNpm","title":"80s \"Draw in\" Text with Variable Fonts","url":"https://cdpn.io/mandymichael/fullembedgrid/BrVNpm","editor_url":"https://codepen.io/mandymichael/pen/BrVNpm","user":{"name":"Mandy Michael","url":"/mandymichael"}},{"slug_hash":"OvYNJm","title":"Ringed Planet","url":"https://cdpn.io/MB5/fullembedgrid/OvYNJm","editor_url":"https://codepen.io/MB5/pen/OvYNJm","user":{"name":"Mykl","url":"/MB5"}},{"slug_hash":"rvLWMQ","title":"Pong's getting out of hand - codepenchallenge","url":"https://cdpn.io/pieter-biesemans/fullembedgrid/rvLWMQ","editor_url":"https://codepen.io/pieter-biesemans/pen/rvLWMQ","user":{"name":"Pieter Biesemans","url":"/pieter-biesemans"}},{"slug_hash":"KRyjPr","title":"Sunset CSS Slots - a game without JS/img/SVG/preprocessing or actual text.","url":"https://cdpn.io/pgalor/fullembedgrid/KRyjPr","editor_url":"https://codepen.io/pgalor/pen/KRyjPr","user":{"name":"Piotr Galor","url":"/pgalor"}},{"slug_hash":"rvKeKm","title":"Grid Experiment No. 6","url":"https://cdpn.io/julesforrest/fullembedgrid/rvKeKm","editor_url":"https://codepen.io/julesforrest/pen/rvKeKm","user":{"name":"Jules Forrest","url":"/julesforrest"}},{"slug_hash":"MGBZpB","title":"Exploring WebGL #6: Instances! ✨","url":"https://cdpn.io/cvaneenige/fullembedgrid/MGBZpB","editor_url":"https://codepen.io/cvaneenige/pen/MGBZpB","user":{"name":"Colin van Eenige","url":"/cvaneenige"}},{"slug_hash":"LmXWeM","title":"Exploring WebGL #7: Movement! ✨","url":"https://cdpn.io/cvaneenige/fullembedgrid/LmXWeM","editor_url":"https://codepen.io/cvaneenige/pen/LmXWeM","user":{"name":"Colin van Eenige","url":"/cvaneenige"}},{"slug_hash":"ELqeRM","title":"Page top parallax","url":"https://cdpn.io/jakob-e/fullembedgrid/ELqeRM","editor_url":"https://codepen.io/jakob-e/pen/ELqeRM","user":{"name":"jakob-e","url":"/jakob-e"}},{"slug_hash":"gKRKKb","title":"CSS Blend Mode Fire","url":"https://cdpn.io/jkantner/fullembedgrid/gKRKKb","editor_url":"https://codepen.io/jkantner/pen/gKRKKb","user":{"name":"Jon Kantner","url":"/jkantner"}},{"slug_hash":"pKQYZw","title":"Sun Rise Moon Rise","url":"https://cdpn.io/renduh/fullembedgrid/pKQYZw","editor_url":"https://codepen.io/renduh/pen/pKQYZw","user":{"name":"Adam Walker","url":"/renduh"}},{"slug_hash":"vrbZNj","title":"little bee anim, inspired by gigantic","url":"https://cdpn.io/kescoe/fullembedgrid/vrbZNj","editor_url":"https://codepen.io/kescoe/pen/vrbZNj","user":{"name":"Kassandra escoe","url":"/kescoe"}},{"slug_hash":"PBmxEg","title":"Shooting Tables","url":"https://cdpn.io/cobra_winfrey/fullembedgrid/PBmxEg","editor_url":"https://codepen.io/cobra_winfrey/pen/PBmxEg","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"slug_hash":"zLpWYJ","title":"CSS Animation- Worm Loading ","url":"https://cdpn.io/GeorgePorgee/fullembedgrid/zLpWYJ","editor_url":"https://codepen.io/GeorgePorgee/pen/zLpWYJ","user":{"name":"Porgeee","url":"/GeorgePorgee"}},{"slug_hash":"LBBXGW","title":"Bee Flowers","url":"https://cdpn.io/ilithya/fullembedgrid/LBBXGW","editor_url":"https://codepen.io/ilithya/pen/LBBXGW","user":{"name":"ilithya","url":"/ilithya"}},{"slug_hash":"oPXRrQ","title":"Flossin'","url":"https://cdpn.io/cobra_winfrey/fullembedgrid/oPXRrQ","editor_url":"https://codepen.io/cobra_winfrey/pen/oPXRrQ","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"slug_hash":"WgdPKz","title":"Circle Nav With Pop Up Menu #1","url":"https://cdpn.io/uzcho_/fullembedgrid/WgdPKz","editor_url":"https://codepen.io/uzcho_/pen/WgdPKz","user":{"name":"Amli","url":"/uzcho_"}},{"slug_hash":"GYgNJq","title":"Handwriting intro UI with SVG path drawing","url":"https://cdpn.io/iamryanyu/fullembedgrid/GYgNJq","editor_url":"https://codepen.io/iamryanyu/pen/GYgNJq","user":{"name":"Ryan Yu","url":"/iamryanyu"}},{"slug_hash":"gBeLKe","title":"X-rayed cat","url":"https://cdpn.io/bertdida/fullembedgrid/gBeLKe","editor_url":"https://codepen.io/bertdida/pen/gBeLKe","user":{"name":"bertdida","url":"/bertdida"}},{"slug_hash":"dgrBme","title":"The Haunting of Hill House Door Knob (Touch Knob)","url":"https://cdpn.io/leemartin/fullembedgrid/dgrBme","editor_url":"https://codepen.io/leemartin/pen/dgrBme","user":{"name":"Lee Martin","url":"/leemartin"}},{"slug_hash":"WYbxoG","title":"#codevember - 04 - Rocket Loader","url":"https://cdpn.io/mandycodestoo/fullembedgrid/WYbxoG","editor_url":"https://codepen.io/mandycodestoo/pen/WYbxoG","user":{"name":"@mandycodestoo","url":"/mandycodestoo"}},{"slug_hash":"OaRZXo","title":"#codevember - 11 - RGB","url":"https://cdpn.io/DonKarlssonSan/fullembedgrid/OaRZXo","editor_url":"https://codepen.io/DonKarlssonSan/pen/OaRZXo","user":{"name":"Johan Karlsson","url":"/DonKarlssonSan"}},{"slug_hash":"gQRgoy","title":"#codevember 15 - fire: hover flame","url":"https://cdpn.io/seanfree/fullembedgrid/gQRgoy","editor_url":"https://codepen.io/seanfree/pen/gQRgoy","user":{"name":"Sean Free","url":"/seanfree"}},{"slug_hash":"QJVMdG","title":"#codevember - 24 - Printer","url":"https://cdpn.io/MalaikaIshtiaq/fullembedgrid/QJVMdG","editor_url":"https://codepen.io/MalaikaIshtiaq/pen/QJVMdG","user":{"name":"Malaika Ishtiaq","url":"/MalaikaIshtiaq"}},{"slug_hash":"zMVqbK","title":"Tiger in jungle animation ","url":"https://cdpn.io/kdbkapsere/fullembedgrid/zMVqbK","editor_url":"https://codepen.io/kdbkapsere/pen/zMVqbK","user":{"name":"Kasper De Bruyne","url":"/kdbkapsere"}},{"slug_hash":"yGmLeo","title":"pacman","url":"https://cdpn.io/ycw/fullembedgrid/yGmLeo","editor_url":"https://codepen.io/ycw/pen/yGmLeo","user":{"name":"ycw","url":"/ycw"}},{"slug_hash":"wNKQvp","title":"Orbiting Pink Dots #CodePenChallenge","url":"https://cdpn.io/markmiscavage/fullembedgrid/wNKQvp","editor_url":"https://codepen.io/markmiscavage/pen/wNKQvp","user":{"name":"Mark","url":"/markmiscavage"}},{"slug_hash":"aXmRyW","title":"Bubbles (THREE.Phenomenon)","url":"https://cdpn.io/cvaneenige/fullembedgrid/aXmRyW","editor_url":"https://codepen.io/cvaneenige/pen/aXmRyW","user":{"name":"Colin van Eenige","url":"/cvaneenige"}},{"slug_hash":"omopNL","title":"Animal Set :)","url":"https://cdpn.io/justyouraverageonion/fullembedgrid/omopNL","editor_url":"https://codepen.io/justyouraverageonion/pen/omopNL","user":{"name":"JustYourAverageOnion","url":"/justyouraverageonion"}},{"slug_hash":"gqJGyo","title":"CodePen Challenge: The Blob","url":"https://cdpn.io/catlady42/fullembedgrid/gqJGyo","editor_url":"https://codepen.io/catlady42/pen/gqJGyo","user":{"name":"Racheal Baker","url":"/catlady42"}},{"slug_hash":"ywyJMp","title":"Glowing polygons","url":"https://cdpn.io/thebabydino/fullembedgrid/ywyJMp","editor_url":"https://codepen.io/thebabydino/pen/ywyJMp","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"slug_hash":"PLGqLm","title":"CodePen Challenge | Travis Neilson","url":"https://cdpn.io/gzaman/fullembedgrid/PLGqLm","editor_url":"https://codepen.io/gzaman/pen/PLGqLm","user":{"name":"Gulshan Zaman","url":"/gzaman"}},{"slug_hash":"drzobM","title":"Tribute Page - Coding Heroes","url":"https://cdpn.io/uzcho_/fullembedgrid/drzobM","editor_url":"https://codepen.io/uzcho_/pen/drzobM","user":{"name":"Amli","url":"/uzcho_"}},{"slug_hash":"qvgVRE","title":"The Configuring Apt Simulator","url":"https://cdpn.io/noot2/fullembedgrid/qvgVRE","editor_url":"https://codepen.io/noot2/pen/qvgVRE","user":{"name":"noot","url":"/noot2"}},{"slug_hash":"YgMOzW","title":"Nick Slater : Animated SVG by Kono","url":"https://cdpn.io/konoanimation/fullembedgrid/YgMOzW","editor_url":"https://codepen.io/konoanimation/pen/YgMOzW","user":{"name":"Kono","url":"/konoanimation"}},{"slug_hash":"zXYREb","title":"Super Mario sprite CSS animated","url":"https://cdpn.io/jackiecard/fullembedgrid/zXYREb","editor_url":"https://codepen.io/jackiecard/pen/zXYREb","user":{"name":"Jackie Card","url":"/jackiecard"}},{"slug_hash":"pBrMNQ","title":"Chasing","url":"https://cdpn.io/yuanchuan/fullembedgrid/pBrMNQ","editor_url":"https://codepen.io/yuanchuan/pen/pBrMNQ","user":{"name":"yuanchuan","url":"/yuanchuan"}},{"slug_hash":"MRZvqP","title":"GLSL: Cube Environment Reflections","url":"https://cdpn.io/shubniggurath/fullembedgrid/MRZvqP","editor_url":"https://codepen.io/shubniggurath/pen/MRZvqP","user":{"name":"Liam Egan","url":"/shubniggurath"}},{"slug_hash":"KLPoWm","title":"Rêts","url":"https://cdpn.io/cathbailh/fullembedgrid/KLPoWm","editor_url":"https://codepen.io/cathbailh/pen/KLPoWm","user":{"name":"Bailh","url":"/cathbailh"}},{"slug_hash":"vwPRPY","title":"Nasa-API Project!","url":"https://cdpn.io/iamlexieonearth/fullembedgrid/vwPRPY","editor_url":"https://codepen.io/iamlexieonearth/pen/vwPRPY","user":{"name":"Alexandria Roberts","url":"/iamlexieonearth"}},{"slug_hash":"xobbNX","title":"Rain drop animation","url":"https://cdpn.io/agalliat/fullembedgrid/xobbNX","editor_url":"https://codepen.io/agalliat/pen/xobbNX","user":{"name":"Angela Galliat","url":"/agalliat"}},{"slug_hash":"MMqwVw","title":"Only CSS: Infinite Wave 🏄","url":"https://cdpn.io/YusukeNakaya/fullembedgrid/MMqwVw","editor_url":"https://codepen.io/YusukeNakaya/pen/MMqwVw","user":{"name":"Yusuke Nakaya","url":"/YusukeNakaya"}},{"slug_hash":"jjjero","title":"Ghibli Slider","url":"https://cdpn.io/cobra_winfrey/fullembedgrid/jjjero","editor_url":"https://codepen.io/cobra_winfrey/pen/jjjero","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"slug_hash":"BaBdarE","title":"mouse sensitive wobble tree","url":"https://cdpn.io/NiklasKnaack/fullembedgrid/BaBdarE","editor_url":"https://codepen.io/NiklasKnaack/pen/BaBdarE","user":{"name":"Niklas Knaack","url":"/NiklasKnaack"}},{"slug_hash":"xxKXzpN","title":"Mini Game 100x50 Codepen Challenge","url":"https://cdpn.io/clementmartin17/fullembedgrid/xxKXzpN","editor_url":"https://codepen.io/clementmartin17/pen/xxKXzpN","user":{"name":"Clement Martin","url":"/clementmartin17"}},{"slug_hash":"VwZBweX","title":"📦 Realistic Spinning 3D Classic Mario Bros. Question Mark Box with Dynamic Lighting","url":"https://cdpn.io/PickJBennett/fullembedgrid/VwZBweX","editor_url":"https://codepen.io/PickJBennett/pen/VwZBweX","user":{"name":"Jeffrey Bennett 😃","url":"/PickJBennett"}},{"slug_hash":"LYPoXKM","title":"Difflower","url":"https://cdpn.io/bali_balo/fullembedgrid/LYPoXKM","editor_url":"https://codepen.io/bali_balo/pen/LYPoXKM","user":{"name":"Bali Balo","url":"/bali_balo"}},{"slug_hash":"YzzJJXZ","title":"Cube Wave","url":"https://cdpn.io/MenSeb/fullembedgrid/YzzJJXZ","editor_url":"https://codepen.io/MenSeb/pen/YzzJJXZ","user":{"name":"MenSeb","url":"/MenSeb"}},{"slug_hash":"WNNWoaO","title":"Metaballs - WebGL","url":"https://cdpn.io/TC5550/fullembedgrid/WNNWoaO","editor_url":"https://codepen.io/TC5550/pen/WNNWoaO","user":{"name":"Alfons Nilsson","url":"/TC5550"}},{"slug_hash":"mddNrbr","title":"CodePen Challenge - November 2019 [week 4]","url":"https://cdpn.io/ItsMeNatalie/fullembedgrid/mddNrbr","editor_url":"https://codepen.io/ItsMeNatalie/pen/mddNrbr","user":{"name":"ItsMeNatalie","url":"/ItsMeNatalie"}},{"slug_hash":"abzOdRR","title":"Play & Pause Button","url":"https://cdpn.io/aaroniker/fullembedgrid/abzOdRR","editor_url":"https://codepen.io/aaroniker/pen/abzOdRR","user":{"name":"Aaron Iker","url":"/aaroniker"}},{"slug_hash":"GRgpdgX","title":"Blue Background","url":"https://cdpn.io/hisamikurita/fullembedgrid/GRgpdgX","editor_url":"https://codepen.io/hisamikurita/pen/GRgpdgX","user":{"name":"Hisami Kurita","url":"/hisamikurita"}},{"slug_hash":"jOEZzZV","title":"Conifer trees","url":"https://cdpn.io/loficodes/fullembedgrid/jOEZzZV","editor_url":"https://codepen.io/loficodes/pen/jOEZzZV","user":{"name":"LoFi","url":"/loficodes"}},{"slug_hash":"rNarBBv","title":"Pure CSS loader #14/ 2020 - pulse","url":"https://cdpn.io/thebabydino/fullembedgrid/rNarBBv","editor_url":"https://codepen.io/thebabydino/pen/rNarBBv","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"slug_hash":"rNaRKQO","title":"Our best friends","url":"https://cdpn.io/tiggr/fullembedgrid/rNaRKQO","editor_url":"https://codepen.io/tiggr/pen/rNaRKQO","user":{"name":"Tigran Sargsyan","url":"/tiggr"}},{"slug_hash":"MWYMpPo","title":"CodePen Challenge - January 2020 [week 4]","url":"https://cdpn.io/ItsMeNatalie/fullembedgrid/MWYMpPo","editor_url":"https://codepen.io/ItsMeNatalie/pen/MWYMpPo","user":{"name":"ItsMeNatalie","url":"/ItsMeNatalie"}},{"slug_hash":"bGdwGev","title":"Pixel Dust","url":"https://cdpn.io/neave/fullembedgrid/bGdwGev","editor_url":"https://codepen.io/neave/pen/bGdwGev","user":{"name":"Paul Neave","url":"/neave"}},{"slug_hash":"bGdRqrR","title":"Generative SVG grid","url":"https://cdpn.io/PostId/fullembedgrid/bGdRqrR","editor_url":"https://codepen.io/PostId/pen/bGdRqrR","user":{"name":"Post Id","url":"/PostId"}},{"slug_hash":"JjdQRvP","title":"MOON Skincare","url":"https://cdpn.io/cluzier/fullembedgrid/JjdQRvP","editor_url":"https://codepen.io/cluzier/pen/JjdQRvP","user":{"name":"Conner","url":"/cluzier"}},{"slug_hash":"KKdrWPX","title":"Smooth card scrolling interaction! ✨","url":"https://cdpn.io/cvaneenige/fullembedgrid/KKdrWPX","editor_url":"https://codepen.io/cvaneenige/pen/KKdrWPX","user":{"name":"Colin van Eenige","url":"/cvaneenige"}},{"slug_hash":"mdeowoz","title":"Neumorphic Design Elements","url":"https://cdpn.io/jackdomleo7/fullembedgrid/mdeowoz","editor_url":"https://codepen.io/jackdomleo7/pen/mdeowoz","user":{"name":"Jack Domleo","url":"/jackdomleo7"}},{"slug_hash":"LYpKyva","title":"Digital Radio","url":"https://cdpn.io/ellie_html/fullembedgrid/LYpKyva","editor_url":"https://codepen.io/ellie_html/pen/LYpKyva","user":{"name":"Ellie","url":"/ellie_html"}},{"slug_hash":"MWKbJmO","title":"Voyage Slider | GSAP","url":"https://cdpn.io/dev_loop/fullembedgrid/MWKbJmO","editor_url":"https://codepen.io/dev_loop/pen/MWKbJmO","user":{"name":"Sikriti Dakua","url":"/dev_loop"}},{"slug_hash":"ZEQrKLQ","title":"CSS : Milky Way","url":"https://cdpn.io/deren2525/fullembedgrid/ZEQrKLQ","editor_url":"https://codepen.io/deren2525/pen/ZEQrKLQ","user":{"name":"Deren","url":"/deren2525"}},{"slug_hash":"WNrJvMm","title":"Layering CSS Conic Gradients","url":"https://cdpn.io/onion2k/fullembedgrid/WNrJvMm","editor_url":"https://codepen.io/onion2k/pen/WNrJvMm","user":{"name":"Chris Neale","url":"/onion2k"}},{"slug_hash":"QWyPMgq","title":"Task Manager UI with CSS Grid","url":"https://cdpn.io/TurkAysenur/fullembedgrid/QWyPMgq","editor_url":"https://codepen.io/TurkAysenur/pen/QWyPMgq","user":{"name":"Aysenur Turk","url":"/TurkAysenur"}},{"slug_hash":"WNwbKqz","title":"Colorful Buttons","url":"https://cdpn.io/aaroniker/fullembedgrid/WNwbKqz","editor_url":"https://codepen.io/aaroniker/pen/WNwbKqz","user":{"name":"Aaron Iker","url":"/aaroniker"}},{"slug_hash":"eYZNvew","title":"🐝 vue gsap svg animation (greensock)","url":"https://cdpn.io/AlenaNik/fullembedgrid/eYZNvew","editor_url":"https://codepen.io/AlenaNik/pen/eYZNvew","user":{"name":"Alena","url":"/AlenaNik"}},{"slug_hash":"OJNNQOz","title":"Postfix Calculator","url":"https://cdpn.io/ykadosh/fullembedgrid/OJNNQOz","editor_url":"https://codepen.io/ykadosh/pen/OJNNQOz","user":{"name":"Yoav Kadosh","url":"/ykadosh"}},{"slug_hash":"GRZZLGp","title":"Furry","url":"https://cdpn.io/rafaelcastrocouto/fullembedgrid/GRZZLGp","editor_url":"https://codepen.io/rafaelcastrocouto/pen/GRZZLGp","user":{"name":"rafaelcastrocouto","url":"/rafaelcastrocouto"}},{"slug_hash":"PoNaGgB","title":"Smash Bros Avatar Style","url":"https://cdpn.io/garrowp/fullembedgrid/PoNaGgB","editor_url":"https://codepen.io/garrowp/pen/PoNaGgB","user":{"name":"Peter Garrow","url":"/garrowp"}},{"slug_hash":"NWrMNmz","title":"\"No div\" washing machine💥💥","url":"https://cdpn.io/1832Manaswini/fullembedgrid/NWrMNmz","editor_url":"https://codepen.io/1832Manaswini/pen/NWrMNmz","user":{"name":"Manaswini","url":"/1832Manaswini"}},{"slug_hash":"MWeGMbd","title":"The Albers Way","url":"https://cdpn.io/12uler/fullembedgrid/MWeGMbd","editor_url":"https://codepen.io/12uler/pen/MWeGMbd","user":{"name":"Jason Piatt","url":"/12uler"}},{"slug_hash":"yLaPQZr","title":"Delete 2020, insert 2021 (pure CSS)","url":"https://cdpn.io/thebabydino/fullembedgrid/yLaPQZr","editor_url":"https://codepen.io/thebabydino/pen/yLaPQZr","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"slug_hash":"vYXrEMy","title":"Circular and Block Simulation : Solid States","url":"https://cdpn.io/CoderDJD/fullembedgrid/vYXrEMy","editor_url":"https://codepen.io/CoderDJD/pen/vYXrEMy","user":{"name":"D Joshua Daniel","url":"/CoderDJD"}},{"slug_hash":"vYyvbzg","title":"Newton's Bulbs v2 (GSAP MorphSVG)","url":"https://cdpn.io/jh3y/fullembedgrid/vYyvbzg","editor_url":"https://codepen.io/jh3y/pen/vYyvbzg","user":{"name":"Jhey","url":"/jh3y"}},{"slug_hash":"YzNPYWB","title":"So Much Unzipping","url":"https://cdpn.io/jkantner/fullembedgrid/YzNPYWB","editor_url":"https://codepen.io/jkantner/pen/YzNPYWB","user":{"name":"Jon Kantner","url":"/jkantner"}},{"slug_hash":"YzNebYr","title":"Fun with background gradients","url":"https://cdpn.io/aepicos/fullembedgrid/YzNebYr","editor_url":"https://codepen.io/aepicos/pen/YzNebYr","user":{"name":"aepicos","url":"/aepicos"}},{"slug_hash":"rNyaLGv","title":"Flying Birds Sunset","url":"https://cdpn.io/takaneichinose/fullembedgrid/rNyaLGv","editor_url":"https://codepen.io/takaneichinose/pen/rNyaLGv","user":{"name":"Takane Ichinose","url":"/takaneichinose"}},{"slug_hash":"bGqeWPa","title":"Rustic Village Map Generator (click for new map)","url":"https://cdpn.io/sweaver2112/fullembedgrid/bGqeWPa","editor_url":"https://codepen.io/sweaver2112/pen/bGqeWPa","user":{"name":"Scott Weaver","url":"/sweaver2112"}},{"slug_hash":"LYWQbMa","title":"Play CSS Space Invaders","url":"https://cdpn.io/jonslater204/fullembedgrid/LYWQbMa","editor_url":"https://codepen.io/jonslater204/pen/LYWQbMa","user":{"name":"Jon Slater","url":"/jonslater204"}},{"slug_hash":"KKWbpvX","title":"Shoe shop | cpc-challenge","url":"https://cdpn.io/murillocunha/fullembedgrid/KKWbpvX","editor_url":"https://codepen.io/murillocunha/pen/KKWbpvX","user":{"name":"MurilloCunha","url":"/murillocunha"}},{"slug_hash":"mdWvexm","title":"Shopping Layout incl. Lottie","url":"https://cdpn.io/David_Germany/fullembedgrid/mdWvexm","editor_url":"https://codepen.io/David_Germany/pen/mdWvexm","user":{"name":"David","url":"/David_Germany"}},{"slug_hash":"OJpYERE","title":"Fade Intro/Outro","url":"https://cdpn.io/loficodes/fullembedgrid/OJpYERE","editor_url":"https://codepen.io/loficodes/pen/OJpYERE","user":{"name":"LoFi","url":"/loficodes"}},{"slug_hash":"dyWGVgj","title":"Dots and Dashes","url":"https://cdpn.io/amit_sheen/fullembedgrid/dyWGVgj","editor_url":"https://codepen.io/amit_sheen/pen/dyWGVgj","user":{"name":"Amit Sheen","url":"/amit_sheen"}},{"slug_hash":"qBmRNqa","title":"Switch profile background","url":"https://cdpn.io/yoann-b/fullembedgrid/qBmRNqa","editor_url":"https://codepen.io/yoann-b/pen/qBmRNqa","user":{"name":"Yoann","url":"/yoann-b"}},{"slug_hash":"XWRRPad","title":"Houndstooth Thing","url":"https://cdpn.io/ssousa666/fullembedgrid/XWRRPad","editor_url":"https://codepen.io/ssousa666/pen/XWRRPad","user":{"name":"Schuyler Sousa","url":"/ssousa666"}}],"__show_pens_in_order":"random"}