{"__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 *; serial *; vr *; web-share *; xr-spatial-tracking *","iframe_sandbox":"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-popups-to-escape-sandbox 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.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNzUwNDM0MTU1LCJpYXQiOjE3NTA0MzA1NTUsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.4FKmJiZAfAuQwBBlL5A-43fb416iyQ0SAyGV97_o2p4eMYcIT5XR7CJQHrRIf6VaGQ1GCDuo_uj0DnG5oS70TUjlH-ebU13rKLRNE_AEAPia_YqZAZDye4ZndvlQYY-QEfC6DR_-LrrxVpORs0ZBPSIHPpwiqPRNSZuOfkgDRXgXlZ1ctNYZiS4RKp2Px-nse2GL0sxKWiQ3RH8Ec8dxsYid_3JwbPDwQC8YIJzyQPjlZebKEtf5bD9lqoJf5SGTrbNxT6IGkRG1umTkalrDf89cXOc0EjWeOpvmpZFobYh7sIcWIOj43DWJgqlDp0EgVXzy5OCk3TsrU3vocGYSmQ"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__tv_pens":[{"editor_url":"https://codepen.io/Keyamoon/pen/DRmgQk","slug_hash":"aHxuq","title":"Spinners using Font Icons","url":"https://codepen.io/Keyamoon/fullembedgrid/DRmgQk","user":{"name":"Keyamoon","url":"/Keyamoon"}},{"editor_url":"https://codepen.io/KittyGiraudel/pen/nxxwwP","slug_hash":"BHEwo","title":"Pure CSS pie timer","url":"https://codepen.io/KittyGiraudel/fullembedgrid/nxxwwP","user":{"name":"Kitty Giraudel","url":"/KittyGiraudel"}},{"editor_url":"https://codepen.io/sinthetyc/pen/kGRYBd","slug_hash":"nLxrJ","title":"Flight!","url":"https://codepen.io/sinthetyc/fullembedgrid/kGRYBd","user":{"name":"Tristan","url":"/sinthetyc"}},{"editor_url":"https://codepen.io/WillemCrnlssn/pen/nabXoo","slug_hash":"JgFGs","title":"Canvas stars","url":"https://codepen.io/WillemCrnlssn/fullembedgrid/nabXoo","user":{"name":"WillemCrnlssn","url":"/WillemCrnlssn"}},{"editor_url":"https://codepen.io/LeonardMeagher2/pen/DyVxVE","slug_hash":"FqvIt","title":"Frog","url":"https://codepen.io/LeonardMeagher2/fullembedgrid/DyVxVE","user":{"name":"Leonard Meagher","url":"/LeonardMeagher2"}},{"editor_url":"https://codepen.io/dalgard/pen/kNjKWa","slug_hash":"Iarcl","title":"Color-changing box","url":"https://codepen.io/dalgard/fullembedgrid/kNjKWa","user":{"name":"Kristian Dalgård","url":"/dalgard"}},{"editor_url":"https://codepen.io/yukulele/pen/DzwyNp","slug_hash":"AjFBs","title":"Border-radius animation","url":"https://codepen.io/yukulele/fullembedgrid/DzwyNp","user":{"name":"yuku","url":"/yukulele"}},{"editor_url":"https://codepen.io/nahuelsotelo/pen/DOgwvw","slug_hash":"sAkaL","title":"Animated SVG Pacman","url":"https://codepen.io/nahuelsotelo/fullembedgrid/DOgwvw","user":{"name":"nahuelsotelo","url":"/nahuelsotelo"}},{"editor_url":"https://codepen.io/shubhra/pen/AYxGdB","slug_hash":"ItJqA","title":"AYxGdB","url":"https://codepen.io/shubhra/fullembedgrid/AYxGdB","user":{"name":"Shubhra","url":"/shubhra"}},{"editor_url":"https://codepen.io/mshwery/pen/kGyLax","slug_hash":"njibr","title":"Pure CSS Status Icons","url":"https://codepen.io/mshwery/fullembedgrid/kGyLax","user":{"name":"Matt Shwery","url":"/mshwery"}},{"editor_url":"https://codepen.io/thebabydino/pen/nQmNrX","slug_hash":"yehGi","title":"Explode cube to rhombic dodecahedron (pure CSS)","url":"https://codepen.io/thebabydino/fullembedgrid/nQmNrX","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/rendro/pen/kBrxjL","slug_hash":"qazCG","title":"Circular minimal countdown","url":"https://codepen.io/rendro/fullembedgrid/kBrxjL","user":{"name":"Robert","url":"/rendro"}},{"editor_url":"https://codepen.io/swartkrans/pen/nVdedo","slug_hash":"gaode","title":"A pretty clock.","url":"https://codepen.io/swartkrans/fullembedgrid/nVdedo","user":{"name":"swartkrans","url":"/swartkrans"}},{"editor_url":"https://codepen.io/hmps/pen/AGGvqb","slug_hash":"Cfjzh","title":"Pulsating heart","url":"https://codepen.io/hmps/fullembedgrid/AGGvqb","user":{"name":"Hampus Persson","url":"/hmps"}},{"editor_url":"https://codepen.io/rlemon/pen/DpZwBJ","slug_hash":"AnadI","title":"falling stars","url":"https://codepen.io/rlemon/fullembedgrid/DpZwBJ","user":{"name":"Robert Lemon","url":"/rlemon"}},{"editor_url":"https://codepen.io/madhug/pen/Abjzeg","slug_hash":"qvcyC","title":"Three.JS session","url":"https://codepen.io/madhug/fullembedgrid/Abjzeg","user":{"name":"Madhuvanthi Guruprasad","url":"/madhug"}},{"editor_url":"https://codepen.io/birjolaxew/pen/ALJpdx","slug_hash":"rpmBG","title":"3D Text","url":"https://codepen.io/birjolaxew/fullembedgrid/ALJpdx","user":{"name":"Johan Fagerbeg","url":"/birjolaxew"}},{"editor_url":"https://codepen.io/claubacher/pen/nZqvQE","slug_hash":"xFytH","title":"nZqvQE","url":"https://codepen.io/claubacher/fullembedgrid/nZqvQE","user":{"name":"Chris Laubacher","url":"/claubacher"}},{"editor_url":"https://codepen.io/KurtWM/pen/nLXzbm","slug_hash":"mzDuK","title":"CSSOff 2012 - Fading Away","url":"https://codepen.io/KurtWM/fullembedgrid/nLXzbm","user":{"name":"KurtWM","url":"/KurtWM"}},{"editor_url":"https://codepen.io/jabranr/pen/nbOqPz","slug_hash":"GLFjv","title":"CSS Spinning/AJAX Wheel","url":"https://codepen.io/jabranr/fullembedgrid/nbOqPz","user":{"name":"Jabran Rafique","url":"/jabranr"}},{"editor_url":"https://codepen.io/KyleDavidE/pen/AzyWdJ","slug_hash":"pBueq","title":"BLOCK CLOCK","url":"https://codepen.io/KyleDavidE/fullembedgrid/AzyWdJ","user":{"name":"Kyle Ehrlich","url":"/KyleDavidE"}},{"editor_url":"https://codepen.io/ryanmclaughlin/pen/AZVqap","slug_hash":"yJshw","title":"Whiskey on the Rocks Loading Animation","url":"https://codepen.io/ryanmclaughlin/fullembedgrid/AZVqap","user":{"name":"Ryan Mack","url":"/ryanmclaughlin"}},{"editor_url":"https://codepen.io/pipejesus/pen/AoVpgR","slug_hash":"snBrm","title":"Wow! Thanks for looking at my balls ;)","url":"https://codepen.io/pipejesus/fullembedgrid/AoVpgR","user":{"name":"Greg","url":"/pipejesus"}},{"editor_url":"https://codepen.io/SaschaSigl/pen/naxbJL/e3e854fca794ca777cdda3dc6e4e1b16","slug_hash":"sHhdF","title":"flipping sascha","url":"https://codepen.io/SaschaSigl/fullembedgrid/naxbJL/e3e854fca794ca777cdda3dc6e4e1b16","user":{"name":"Sascha Sigl ","url":"/SaschaSigl"}},{"editor_url":"https://codepen.io/JMDUK/pen/DyrNXr","slug_hash":"CFnBz","title":"Inspiration Colour Palettes","url":"https://codepen.io/JMDUK/fullembedgrid/DyrNXr","user":{"name":"James Martin-Davies","url":"/JMDUK"}},{"editor_url":"https://codepen.io/lukerichardville/pen/Aorvax","slug_hash":"rCbtd","title":"Aorvax","url":"https://codepen.io/lukerichardville/fullembedgrid/Aorvax","user":{"name":"Luke Richardville","url":"/lukerichardville"}},{"editor_url":"https://codepen.io/mrbizle/pen/DMMGOp","slug_hash":"akdjm","title":"Some cards","url":"https://codepen.io/mrbizle/fullembedgrid/DMMGOp","user":{"name":"Tom Barber","url":"/mrbizle"}},{"editor_url":"https://codepen.io/lukerichardville/pen/WNNJvg","slug_hash":"LnkAH","title":"Sphere - Learning","url":"https://codepen.io/lukerichardville/fullembedgrid/WNNJvg","user":{"name":"Luke Richardville","url":"/lukerichardville"}},{"editor_url":"https://codepen.io/speaud/pen/VwwORR","slug_hash":"DsGra","title":"Canvas Path Animation","url":"https://codepen.io/speaud/fullembedgrid/VwwORR","user":{"name":"speaud","url":"/speaud"}},{"editor_url":"https://codepen.io/hamstu/pen/ExaYjm","slug_hash":"dBDor","title":"3D Flipping Text","url":"https://codepen.io/hamstu/fullembedgrid/ExaYjm","user":{"name":"Hamish Macpherson","url":"/hamstu"}},{"editor_url":"https://codepen.io/Pesca/pen/dyoqZM","slug_hash":"bwxst","title":"Simple spinner","url":"https://codepen.io/Pesca/fullembedgrid/dyoqZM","user":{"name":"Pesca","url":"/Pesca"}},{"editor_url":"https://codepen.io/ikoshowa/pen/VwvONQ","slug_hash":"IzGEF","title":"Scss Ribbons using Mixins","url":"https://codepen.io/ikoshowa/fullembedgrid/VwvONQ","user":{"name":"Grélard Antoine","url":"/ikoshowa"}},{"editor_url":"https://codepen.io/icutpeople/pen/ExKjrP","slug_hash":"xKpzr","title":"SVG Hand Drawn Navicon","url":"https://codepen.io/icutpeople/fullembedgrid/ExKjrP","user":{"name":"Nicholas M. Smith","url":"/icutpeople"}},{"editor_url":"https://codepen.io/shdigitaldesign/pen/oNxZBJ","slug_hash":"sKBvc","title":"Simple Barber Shop Pole","url":"https://codepen.io/shdigitaldesign/fullembedgrid/oNxZBJ","user":{"name":"Shelby Hutchison","url":"/shdigitaldesign"}},{"editor_url":"https://codepen.io/Pesca/pen/qBZoJp","slug_hash":"mdBIn","title":"Atom spinner","url":"https://codepen.io/Pesca/fullembedgrid/qBZoJp","user":{"name":"Pesca","url":"/Pesca"}},{"editor_url":"https://codepen.io/Pesca/pen/bGejpj","slug_hash":"xyrFK","title":"Moving shadows","url":"https://codepen.io/Pesca/fullembedgrid/bGejpj","user":{"name":"Pesca","url":"/Pesca"}},{"editor_url":"https://codepen.io/suckersluck/pen/jOBQWB","slug_hash":"Bfqty","title":"jOBQWB","url":"https://codepen.io/suckersluck/fullembedgrid/jOBQWB","user":{"name":"james","url":"/suckersluck"}},{"editor_url":"https://codepen.io/mariosmaselli/pen/popWjr","slug_hash":"CDcmb","title":"Responsive Resume Template","url":"https://codepen.io/mariosmaselli/fullembedgrid/popWjr","user":{"name":"Mario","url":"/mariosmaselli"}},{"editor_url":"https://codepen.io/kirbybukowski/pen/eYMqbJ","slug_hash":"ikLdq","title":"Rye","url":"https://codepen.io/kirbybukowski/fullembedgrid/eYMqbJ","user":{"name":"Kirby Bukowski","url":"/kirbybukowski"}},{"editor_url":"https://codepen.io/fusco/pen/XWqPOX","slug_hash":"ujGoy","title":"playing with svg animations","url":"https://codepen.io/fusco/fullembedgrid/XWqPOX","user":{"name":"Joseph Fusco","url":"/fusco"}},{"editor_url":"https://codepen.io/rachsmith/pen/qBJxBe","slug_hash":"dBrFv","title":"CSS Shapes experiment (webkit only)","url":"https://codepen.io/rachsmith/fullembedgrid/qBJxBe","user":{"name":"Rachel Smith","url":"/rachsmith"}},{"editor_url":"https://codepen.io/bldng/pen/OJGJpb","slug_hash":"hijcB","title":"color changing css dot-grid cube","url":"https://codepen.io/bldng/fullembedgrid/OJGJpb","user":{"name":"Gerhard Bliedung","url":"/bldng"}},{"editor_url":"https://codepen.io/karoshi/pen/YzbJNe","slug_hash":"dbEKl","title":"WebXR : AR Hit Test","url":"https://codepen.io/karoshi/fullembedgrid/YzbJNe","user":{"name":"Nguyen Xuan Huong","url":"/karoshi"}},{"editor_url":"https://codepen.io/imathis/pen/ZYEWrw","slug_hash":"ZYEWrw","title":"Compose loading animation","url":"https://codepen.io/imathis/fullembedgrid/ZYEWrw","user":{"name":"Brandon Mathis","url":"/imathis"}},{"editor_url":"https://codepen.io/MyXoToD/pen/yyKZaj","slug_hash":"yyKZaj","title":"Map Directions Animation (SVG+CSS)","url":"https://codepen.io/MyXoToD/fullembedgrid/yyKZaj","user":{"name":"Max","url":"/MyXoToD"}},{"editor_url":"https://codepen.io/nwolke/pen/dPexxa","slug_hash":"dPexxa","title":"Spinning Gears","url":"https://codepen.io/nwolke/fullembedgrid/dPexxa","user":{"name":"Nathan W","url":"/nwolke"}},{"editor_url":"https://codepen.io/gbnikolov/pen/ZYwyap","slug_hash":"ZYwyap","title":"Loop Animation #9","url":"https://codepen.io/gbnikolov/fullembedgrid/ZYwyap","user":{"name":"Georgi Nikolov","url":"/gbnikolov"}},{"editor_url":"https://codepen.io/Mamboleoo/pen/YPoBdo","slug_hash":"YPoBdo","title":"Time is just a human measurement","url":"https://codepen.io/Mamboleoo/fullembedgrid/YPoBdo","user":{"name":"Louis Hoebregts","url":"/Mamboleoo"}},{"editor_url":"https://codepen.io/mwooddesigns/pen/dobLeO","slug_hash":"dobLeO","title":"Canvas Trig","url":"https://codepen.io/mwooddesigns/fullembedgrid/dobLeO","user":{"name":"Michael","url":"/mwooddesigns"}},{"editor_url":"https://codepen.io/Yakudoo/pen/eNmjEv","slug_hash":"eNmjEv","title":"Meteorite","url":"https://codepen.io/Yakudoo/fullembedgrid/eNmjEv","user":{"name":"Karim Maaloul","url":"/Yakudoo"}},{"editor_url":"https://codepen.io/nicooprat/pen/bdNmWj","slug_hash":"bdNmWj","title":"Scroll & seek video with Skrollr","url":"https://codepen.io/nicooprat/fullembedgrid/bdNmWj","user":{"name":"Nico Prat","url":"/nicooprat"}},{"editor_url":"https://codepen.io/danielthall/pen/BNNROP","slug_hash":"BNNROP","title":"Friendly Neighborhood Mechanic","url":"https://codepen.io/danielthall/fullembedgrid/BNNROP","user":{"name":"Daniel T. Hall","url":"/danielthall"}},{"editor_url":"https://codepen.io/dimonikys84/pen/OVydQj","slug_hash":"OVydQj","title":"Css preload animation","url":"https://codepen.io/dimonikys84/fullembedgrid/OVydQj","user":{"name":"Dmitry Gulak","url":"/dimonikys84"}},{"editor_url":"https://codepen.io/ImagineProgramming/pen/qdZWag","slug_hash":"qdZWag","title":"Trapped particles with gradient connections","url":"https://codepen.io/ImagineProgramming/fullembedgrid/qdZWag","user":{"name":"Bas Groothedde","url":"/ImagineProgramming"}},{"editor_url":"https://codepen.io/cubeghost/pen/pJyQRx","slug_hash":"pJyQRx","title":"three.js round 1","url":"https://codepen.io/cubeghost/fullembedgrid/pJyQRx","user":{"name":"alex baldwin","url":"/cubeghost"}},{"editor_url":"https://codepen.io/thebabydino/pen/xGOZzL","slug_hash":"xGOZzL","title":"Squares! Circles! (no JS, 1 element)","url":"https://codepen.io/thebabydino/fullembedgrid/xGOZzL","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/Mamboleoo/pen/aOmqzw","slug_hash":"aOmqzw","title":"Lines in a box","url":"https://codepen.io/Mamboleoo/fullembedgrid/aOmqzw","user":{"name":"Louis Hoebregts","url":"/Mamboleoo"}},{"editor_url":"https://codepen.io/steftastan/pen/XbMVGw","slug_hash":"XbMVGw","title":"Pokemon drawn in CSS","url":"https://codepen.io/steftastan/fullembedgrid/XbMVGw","user":{"name":"Stef Tastan","url":"/steftastan"}},{"editor_url":"https://codepen.io/ozzie/pen/YXrBLK","slug_hash":"YXrBLK","title":"Movie Review","url":"https://codepen.io/ozzie/fullembedgrid/YXrBLK","user":{"name":"Ozzie Kirkby","url":"/ozzie"}},{"editor_url":"https://codepen.io/clockmaker/pen/gpozrX","slug_hash":"gpozrX","title":"Many Icons in 3D using Three.js","url":"https://codepen.io/clockmaker/fullembedgrid/gpozrX","user":{"name":"Yasunobu Ikeda a.k.a @clockmaker","url":"/clockmaker"}},{"editor_url":"https://codepen.io/brekk/pen/MwQwJe","slug_hash":"MwQwJe","title":"Landscape Painter","url":"https://codepen.io/brekk/fullembedgrid/MwQwJe","user":{"name":"Brekk","url":"/brekk"}},{"editor_url":"https://codepen.io/ericwilligers/pen/zGRdxQ","slug_hash":"zGRdxQ","title":"zGRdxQ","url":"https://codepen.io/ericwilligers/fullembedgrid/zGRdxQ","user":{"name":"Eric Willigers","url":"/ericwilligers"}},{"editor_url":"https://codepen.io/dudleystorey/pen/pJVVBx","slug_hash":"pJVVBx","title":"Smooth Page Scroll in Pure JavaScript","url":"https://codepen.io/dudleystorey/fullembedgrid/pJVVBx","user":{"name":"Dudley Storey","url":"/dudleystorey"}},{"editor_url":"https://codepen.io/edmundojr/pen/waEbZP","slug_hash":"waEbZP","title":"Morphing Device","url":"https://codepen.io/edmundojr/fullembedgrid/waEbZP","user":{"name":"Edmundo Santos","url":"/edmundojr"}},{"editor_url":"https://codepen.io/reganperkins/pen/yNZOjV","slug_hash":"yNZOjV","title":"Starry Night","url":"https://codepen.io/reganperkins/fullembedgrid/yNZOjV","user":{"name":"Regan Little","url":"/reganperkins"}},{"editor_url":"https://codepen.io/bali_balo/pen/rVPZzX","slug_hash":"rVPZzX","title":"Destructuration","url":"https://codepen.io/bali_balo/fullembedgrid/rVPZzX","user":{"name":"Bali Balo","url":"/bali_balo"}},{"editor_url":"https://codepen.io/AmeliaBR/pen/OVdGvQ","slug_hash":"OVdGvQ","title":"Pastel-Flowering Vines","url":"https://codepen.io/AmeliaBR/fullembedgrid/OVdGvQ","user":{"name":"Amelia Bellamy-Royds","url":"/AmeliaBR"}},{"editor_url":"https://codepen.io/osublake/pen/jPRbjL","slug_hash":"jPRbjL","title":"Animate drawing dashed path","url":"https://codepen.io/osublake/fullembedgrid/jPRbjL","user":{"name":"Blake Bowen","url":"/osublake"}},{"editor_url":"https://codepen.io/marioluevanos/pen/ZGdaQY","slug_hash":"ZGdaQY","title":"Bates Motel Flicker Sign","url":"https://codepen.io/marioluevanos/fullembedgrid/ZGdaQY","user":{"name":"Mario Luevanos","url":"/marioluevanos"}},{"editor_url":"https://codepen.io/mamun2015/pen/KpjYMg","slug_hash":"KpjYMg","title":"Muhammad Mamun Hossain- a mean stack Developer","url":"https://codepen.io/mamun2015/fullembedgrid/KpjYMg","user":{"name":"Muhammad Mamun Hossain","url":"/mamun2015"}},{"editor_url":"https://codepen.io/GordonLai/pen/zvOjeP","slug_hash":"zvOjeP","title":"Particle test6-Ring","url":"https://codepen.io/GordonLai/fullembedgrid/zvOjeP","user":{"name":"Tzan - Lai","url":"/GordonLai"}},{"editor_url":"https://codepen.io/natewiley/pen/QjwyXw","slug_hash":"QjwyXw","title":"Mouse Tracking Particles -- CSS","url":"https://codepen.io/natewiley/fullembedgrid/QjwyXw","user":{"name":"Nate Wiley","url":"/natewiley"}},{"editor_url":"https://codepen.io/rtuyn/pen/VvvWwV","slug_hash":"VvvWwV","title":"Superhero","url":"https://codepen.io/rtuyn/fullembedgrid/VvvWwV","user":{"name":"Robin","url":"/rtuyn"}},{"editor_url":"https://codepen.io/onediv/pen/pjgNqJ","slug_hash":"pjgNqJ","title":"Gooey toggle switch","url":"https://codepen.io/onediv/fullembedgrid/pjgNqJ","user":{"name":"Vincent Durand","url":"/onediv"}},{"editor_url":"https://codepen.io/tmrDevelops/pen/OyXLWx","slug_hash":"OyXLWx","title":"Fav Wave","url":"https://codepen.io/tmrDevelops/fullembedgrid/OyXLWx","user":{"name":"Tiffany Rayside","url":"/tmrDevelops"}},{"editor_url":"https://codepen.io/ge1doot/pen/rOWWoP/1ca37b6bb6ea807a33a43ebaaf9a44b5","slug_hash":"rOWWoP","title":"journey","url":"https://codepen.io/ge1doot/fullembedgrid/rOWWoP/1ca37b6bb6ea807a33a43ebaaf9a44b5","user":{"name":"Gerard Ferrandez","url":"/ge1doot"}},{"editor_url":"https://codepen.io/enxaneta/pen/EVNwPp","slug_hash":"EVNwPp","title":"Canvas sine / cosine wave","url":"https://codepen.io/enxaneta/fullembedgrid/EVNwPp","user":{"name":"Gabi","url":"/enxaneta"}},{"editor_url":"https://codepen.io/kilchenmann/pen/yYMoLw","slug_hash":"yYMoLw","title":"horo","url":"https://codepen.io/kilchenmann/fullembedgrid/yYMoLw","user":{"name":"Kilchenmann","url":"/kilchenmann"}},{"editor_url":"https://codepen.io/judag/pen/EVWeLg","slug_hash":"EVWeLg","title":"3D device","url":"https://codepen.io/judag/fullembedgrid/EVWeLg","user":{"name":"Judith Neumann","url":"/judag"}},{"editor_url":"https://codepen.io/Mamboleoo/pen/JYJPJr","slug_hash":"JYJPJr","title":"Dotted map","url":"https://codepen.io/Mamboleoo/fullembedgrid/JYJPJr","user":{"name":"Louis Hoebregts","url":"/Mamboleoo"}},{"editor_url":"https://codepen.io/copist/pen/jbLbGV","slug_hash":"jbLbGV","title":"SVG timespan selector","url":"https://codepen.io/copist/fullembedgrid/jbLbGV","user":{"name":"Pavel Volyntsev","url":"/copist"}},{"editor_url":"https://codepen.io/natewiley/pen/BodjJw","slug_hash":"BodjJw","title":"Rainbowism","url":"https://codepen.io/natewiley/fullembedgrid/BodjJw","user":{"name":"Nate Wiley","url":"/natewiley"}},{"editor_url":"https://codepen.io/tmrDevelops/pen/epeBGa","slug_hash":"epeBGa","title":"Rosse","url":"https://codepen.io/tmrDevelops/fullembedgrid/epeBGa","user":{"name":"Tiffany Rayside","url":"/tmrDevelops"}},{"editor_url":"https://codepen.io/wabeshew/pen/rOKWLj","slug_hash":"rOKWLj","title":"Loading Circle","url":"https://codepen.io/wabeshew/fullembedgrid/rOKWLj","user":{"name":"kota shimura","url":"/wabeshew"}},{"editor_url":"https://codepen.io/Evan-Goode/pen/qOLjep","slug_hash":"qOLjep","title":"That's the Spirit","url":"https://codepen.io/Evan-Goode/fullembedgrid/qOLjep","user":{"name":"Evan Goode","url":"/Evan-Goode"}},{"editor_url":"https://codepen.io/Snarkie3/pen/XmvRQM","slug_hash":"XmvRQM","title":"jQuery Sortable with transitions and varying height support","url":"https://codepen.io/Snarkie3/fullembedgrid/XmvRQM","user":{"name":"Luke Underwood","url":"/Snarkie3"}},{"editor_url":"https://codepen.io/osublake/pen/BjNZYP","slug_hash":"BjNZYP","title":"Snowflake particles","url":"https://codepen.io/osublake/fullembedgrid/BjNZYP","user":{"name":"Blake Bowen","url":"/osublake"}},{"editor_url":"https://codepen.io/netsi1964/pen/ZQGmeN","slug_hash":"ZQGmeN","title":"Knob drawn in SVG to rotate birds","url":"https://codepen.io/netsi1964/fullembedgrid/ZQGmeN","user":{"name":"Sten Hougaard","url":"/netsi1964"}},{"editor_url":"https://codepen.io/rachsmith/pen/dGYWxP","slug_hash":"dGYWxP","title":"happy holidays CodePen fam","url":"https://codepen.io/rachsmith/fullembedgrid/dGYWxP","user":{"name":"Rachel Smith","url":"/rachsmith"}},{"editor_url":"https://codepen.io/knynkwl/pen/OMXzyg","slug_hash":"OMXzyg","title":"Polygon Playground - CSS clip-path","url":"https://codepen.io/knynkwl/fullembedgrid/OMXzyg","user":{"name":"Kenyon Kowal","url":"/knynkwl"}},{"editor_url":"https://codepen.io/roblevin/pen/GojZgQ","slug_hash":"GojZgQ","title":"Ballet Girl Experiment (credit to Scott Eaton!)","url":"https://codepen.io/roblevin/fullembedgrid/GojZgQ","user":{"name":"Rob Levin","url":"/roblevin"}},{"editor_url":"https://codepen.io/Jackthomsonn/pen/GoNbaV","slug_hash":"GoNbaV","title":"Happy New Year 2016","url":"https://codepen.io/Jackthomsonn/fullembedgrid/GoNbaV","user":{"name":"Jack Thomson","url":"/Jackthomsonn"}},{"editor_url":"https://codepen.io/judag/pen/MKQoXm","slug_hash":"MKQoXm","title":"The little prince, the fox and the rose...","url":"https://codepen.io/judag/fullembedgrid/MKQoXm","user":{"name":"Judith Neumann","url":"/judag"}},{"editor_url":"https://codepen.io/judag/pen/Rrejjr/edbd476743a85b75a3c8e6efd8ce6104","slug_hash":"Rrejjr","title":"A mouse story...","url":"https://codepen.io/judag/fullembedgrid/Rrejjr/edbd476743a85b75a3c8e6efd8ce6104","user":{"name":"Judith Neumann","url":"/judag"}},{"editor_url":"https://codepen.io/PavelLaptev/pen/XXLraP","slug_hash":"XXLraP","title":"Happy Button","url":"https://codepen.io/PavelLaptev/fullembedgrid/XXLraP","user":{"name":"Pavel Laptev","url":"/PavelLaptev"}},{"editor_url":"https://codepen.io/THEORLAN2/pen/zqOLXQ","slug_hash":"zqOLXQ","title":"404 page Animation ","url":"https://codepen.io/THEORLAN2/fullembedgrid/zqOLXQ","user":{"name":"Dany Santos","url":"/THEORLAN2"}},{"editor_url":"https://codepen.io/cathbailh/pen/vGNjJB","slug_hash":"vGNjJB","title":"Vague d'émotion","url":"https://codepen.io/cathbailh/fullembedgrid/vGNjJB","user":{"name":" Bailh","url":"/cathbailh"}},{"editor_url":"https://codepen.io/Rabrennie/pen/XdRQmY","slug_hash":"XdRQmY","title":"Simple Loader","url":"https://codepen.io/Rabrennie/fullembedgrid/XdRQmY","user":{"name":"Rab Rennie","url":"/Rabrennie"}},{"editor_url":"https://codepen.io/jay_eh/pen/bpRrGE","slug_hash":"bpRrGE","title":"Ultimate Hockey Pack","url":"https://codepen.io/jay_eh/fullembedgrid/bpRrGE","user":{"name":"Justin Alejandro","url":"/jay_eh"}},{"editor_url":"https://codepen.io/dicson/pen/oxeeVr","slug_hash":"oxeeVr","title":"CALLING PARENT USING LESS","url":"https://codepen.io/dicson/fullembedgrid/oxeeVr","user":{"name":"Dicson","url":"/dicson"}},{"editor_url":"https://codepen.io/bennettfeely/pen/NNXQPL","slug_hash":"NNXQPL","title":"Rogue CSS","url":"https://codepen.io/bennettfeely/fullembedgrid/NNXQPL","user":{"name":"Bennett Feely","url":"/bennettfeely"}},{"editor_url":"https://codepen.io/pr1nt_r/pen/aNqjXe","slug_hash":"aNqjXe","title":"Make it rain","url":"https://codepen.io/pr1nt_r/fullembedgrid/aNqjXe","user":{"name":"pr1ntr","url":"/pr1nt_r"}},{"editor_url":"https://codepen.io/jagarikin/pen/PNaeqZ","slug_hash":"PNaeqZ","title":"Julia travel","url":"https://codepen.io/jagarikin/fullembedgrid/PNaeqZ","user":{"name":"jagarikin","url":"/jagarikin"}},{"editor_url":"https://codepen.io/hexagoncircle/pen/mPjYaq","slug_hash":"mPjYaq","title":"Searching Animation","url":"https://codepen.io/hexagoncircle/fullembedgrid/mPjYaq","user":{"name":"Ryan Mulligan","url":"/hexagoncircle"}},{"editor_url":"https://codepen.io/joshuar/pen/qNBYLK","slug_hash":"qNBYLK","title":"CSS Backgrounds","url":"https://codepen.io/joshuar/fullembedgrid/qNBYLK","user":{"name":"joshuar","url":"/joshuar"}},{"editor_url":"https://codepen.io/takaneichinose/pen/aZbeKL","slug_hash":"aZbeKL","title":"Level 1 monster","url":"https://codepen.io/takaneichinose/fullembedgrid/aZbeKL","user":{"name":"Takane Ichinose","url":"/takaneichinose"}},{"editor_url":"https://codepen.io/thomasvaeth/pen/beEzOX","slug_hash":"beEzOX","title":"Grey with Gum Sole","url":"https://codepen.io/thomasvaeth/fullembedgrid/beEzOX","user":{"name":"Thomas Vaeth","url":"/thomasvaeth"}},{"editor_url":"https://codepen.io/mimoduo/pen/NrRmop","slug_hash":"NrRmop","title":"Jaggies","url":"https://codepen.io/mimoduo/fullembedgrid/NrRmop","user":{"name":"Mimo Duo","url":"/mimoduo"}},{"editor_url":"https://codepen.io/ampersand_xyz/pen/pbexqd","slug_hash":"pbexqd","title":"Shining Sushi","url":"https://codepen.io/ampersand_xyz/fullembedgrid/pbexqd","user":{"name":"ampersand_xyz","url":"/ampersand_xyz"}},{"editor_url":"https://codepen.io/zachernuk/pen/MeojjR","slug_hash":"rLwrrb","title":"IK Chip creatures","url":"https://codepen.io/zachernuk/fullembedgrid/MeojjR","user":{"name":"Brandel Zachernuk","url":"/zachernuk"}},{"editor_url":"https://codepen.io/towc/pen/vKeEMm","slug_hash":"vKZErm","title":"Perlin heat map (WIP)","url":"https://codepen.io/towc/fullembedgrid/vKeEMm","user":{"name":"Matei Copot","url":"/towc"}},{"editor_url":"https://codepen.io/zachernuk/pen/RRLxLR","slug_hash":"RRLxLR","title":"The Mighty Strandbeest","url":"https://codepen.io/zachernuk/fullembedgrid/RRLxLR","user":{"name":"Brandel Zachernuk","url":"/zachernuk"}},{"editor_url":"https://codepen.io/Liban/pen/VjQjbM","slug_hash":"VjQjbr","title":"مخطط اراضي","url":"https://codepen.io/Liban/fullembedgrid/VjQjbM","user":{"name":"Hussien Liban","url":"/Liban"}},{"editor_url":"https://codepen.io/krystalcampioni/pen/pbKjwZ","slug_hash":"pbKjwk","title":"Pure CSS Dancing Cactus ","url":"https://codepen.io/krystalcampioni/fullembedgrid/pbKjwZ","user":{"name":"Krystal Campioni","url":"/krystalcampioni"}},{"editor_url":"https://codepen.io/rauldronca/pen/vKzvYN","slug_hash":"vKzvYN","title":"Anomaly","url":"https://codepen.io/rauldronca/fullembedgrid/vKzvYN","user":{"name":"Dronca Raul","url":"/rauldronca"}},{"editor_url":"https://codepen.io/marlonmarcello/pen/zBJgmO","slug_hash":"zBJgmO","title":"SVG gradient mask reveal effect","url":"https://codepen.io/marlonmarcello/fullembedgrid/zBJgmO","user":{"name":"Marlon Marcello","url":"/marlonmarcello"}},{"editor_url":"https://codepen.io/tomhazledine/pen/OXapqg","slug_hash":"OXapqg","title":"Gendall 30","url":"https://codepen.io/tomhazledine/fullembedgrid/OXapqg","user":{"name":"Tom Hazledine","url":"/tomhazledine"}},{"editor_url":"https://codepen.io/issey/pen/EyByGB","slug_hash":"EyByGB","title":"SVG Animation | Windmill & sheep_","url":"https://codepen.io/issey/fullembedgrid/EyByGB","user":{"name":"Issey","url":"/issey"}},{"editor_url":"https://codepen.io/schoenwaldnils/pen/JRyeKP","slug_hash":"JRyZKP","title":"Three Boxes","url":"https://codepen.io/schoenwaldnils/fullembedgrid/JRyeKP","user":{"name":"Nils Schönwald","url":"/schoenwaldnils"}},{"editor_url":"https://codepen.io/keithclark/pen/ORjrqe","slug_hash":"ORjAqZ","title":"Zero Element: Cube","url":"https://codepen.io/keithclark/fullembedgrid/ORjrqe","user":{"name":"Keith Clark","url":"/keithclark"}},{"editor_url":"https://codepen.io/neilorangepeel/pen/qaVNMB","slug_hash":"qaVNrB","title":"Lenticular Cat Animation","url":"https://codepen.io/neilorangepeel/fullembedgrid/qaVNMB","user":{"name":"Neil Hainsworth","url":"/neilorangepeel"}},{"editor_url":"https://codepen.io/poziomq/pen/YGRdKG","slug_hash":"YGRdKG","title":"Gratitude Logo","url":"https://codepen.io/poziomq/fullembedgrid/YGRdKG","user":{"name":"qpoziomek","url":"/poziomq"}},{"editor_url":"https://codepen.io/mvaneijgen/pen/GjzGzw","slug_hash":"GjzGzw","title":"GjzGzw","url":"https://codepen.io/mvaneijgen/fullembedgrid/GjzGzw","user":{"name":"Mitchel van Eijgen","url":"/mvaneijgen"}},{"editor_url":"https://codepen.io/SoufianeLasri/pen/XNWGBo","slug_hash":"XNWGBo","title":"#Codevember 4 - Canvas rain","url":"https://codepen.io/SoufianeLasri/fullembedgrid/XNWGBo","user":{"name":"Soufiane Lasri","url":"/SoufianeLasri"}},{"editor_url":"https://codepen.io/johnbgarcia/pen/yVaLKd","slug_hash":"yVaLKd","title":"floating computer svg #codevember_15","url":"https://codepen.io/johnbgarcia/fullembedgrid/yVaLKd","user":{"name":"John Garcia","url":"/johnbgarcia"}},{"editor_url":"https://codepen.io/seanfree/pen/GNrNEa","slug_hash":"GNrNEa","title":"#Codevember 17 - Terrain from heightmap","url":"https://codepen.io/seanfree/fullembedgrid/GNrNEa","user":{"name":"Sean Free","url":"/seanfree"}},{"editor_url":"https://codepen.io/johnbgarcia/pen/PbWvJv","slug_hash":"PbWvJv","title":"mobile shopping design #codevember_20","url":"https://codepen.io/johnbgarcia/fullembedgrid/PbWvJv","user":{"name":"John Garcia","url":"/johnbgarcia"}},{"editor_url":"https://codepen.io/njmcode/pen/xRdJWa","slug_hash":"xRdJWa","title":"Procedural Canvas cityscape (profile header)","url":"https://codepen.io/njmcode/fullembedgrid/xRdJWa","user":{"name":"Neil McCallion","url":"/njmcode"}},{"editor_url":"https://codepen.io/TWAIN/pen/xRPwXR","slug_hash":"xRPwXR","title":"#Codevember 29: Happy Birthday!","url":"https://codepen.io/TWAIN/fullembedgrid/xRPwXR","user":{"name":"Twain","url":"/TWAIN"}},{"editor_url":"https://codepen.io/sublimemarch/pen/rWRzMN","slug_hash":"rWRzMN","title":"Dynamic monochrome image filter","url":"https://codepen.io/sublimemarch/fullembedgrid/rWRzMN","user":{"name":"FenSlattery","url":"/sublimemarch"}},{"editor_url":"https://codepen.io/jackrugile/pen/bgbdBa","slug_hash":"bgbdBa","title":"Calm Ocean Waves","url":"https://codepen.io/jackrugile/fullembedgrid/bgbdBa","user":{"name":"Jack Rugile","url":"/jackrugile"}},{"editor_url":"https://codepen.io/blazicke/pen/jyPVda","slug_hash":"jyPVda","title":"Svg Interactive Web","url":"https://codepen.io/blazicke/fullembedgrid/jyPVda","user":{"name":"Blaz Kemperle","url":"/blazicke"}},{"editor_url":"https://codepen.io/jexordexan/pen/zNGZed","slug_hash":"zNGZed","title":"Popup notifications with actions","url":"https://codepen.io/jexordexan/fullembedgrid/zNGZed","user":{"name":"Jordan-Simonds","url":"/jexordexan"}},{"editor_url":"https://codepen.io/greynor/pen/NddKVB","slug_hash":"NddKVB","title":"kitchen loading animation","url":"https://codepen.io/greynor/fullembedgrid/NddKVB","user":{"name":"Greynor","url":"/greynor"}},{"editor_url":"https://codepen.io/violelune/pen/KaaZaM","slug_hash":"KaaZaM","title":"Concentric rotating circles","url":"https://codepen.io/violelune/fullembedgrid/KaaZaM","user":{"name":"Daniela","url":"/violelune"}},{"editor_url":"https://codepen.io/notoriousb1t/pen/LxBeER","slug_hash":"LxBeER","title":"FadeInLeft, FadeOutRight","url":"https://codepen.io/notoriousb1t/fullembedgrid/LxBeER","user":{"name":"Christopher Wallis","url":"/notoriousb1t"}},{"editor_url":"https://codepen.io/webandapp/pen/OWwZeq","slug_hash":"OWwZeq","title":"#dailycssimages - day 06: clock","url":"https://codepen.io/webandapp/fullembedgrid/OWwZeq","user":{"name":"Axel Michel","url":"/webandapp"}},{"editor_url":"https://codepen.io/jkantner/pen/QdJMmr","slug_hash":"QdJMmr","title":"Longcat Scroll","url":"https://codepen.io/jkantner/fullembedgrid/QdJMmr","user":{"name":"Jon Kantner","url":"/jkantner"}},{"editor_url":"https://codepen.io/mohalobaidi/pen/zNQVqb","slug_hash":"zNQVqb","title":"Star Pattern","url":"https://codepen.io/mohalobaidi/fullembedgrid/zNQVqb","user":{"name":"Mohammed Alobaidi","url":"/mohalobaidi"}},{"editor_url":"https://codepen.io/Mamboleoo/pen/LxKxgG","slug_hash":"LxKxgG","title":"Nucleus - Moons","url":"https://codepen.io/Mamboleoo/fullembedgrid/LxKxgG","user":{"name":"Louis Hoebregts","url":"/Mamboleoo"}},{"editor_url":"https://codepen.io/jennbrewer/pen/vxOQzz","slug_hash":"vxOQzz","title":"Radiating Heart Final","url":"https://codepen.io/jennbrewer/fullembedgrid/vxOQzz","user":{"name":"JGB","url":"/jennbrewer"}},{"editor_url":"https://codepen.io/bellgrace/pen/MppjoG","slug_hash":"MppjoG","title":"#dailyCSSImage - Day5 - Snoopy","url":"https://codepen.io/bellgrace/fullembedgrid/MppjoG","user":{"name":"Grace Bell","url":"/bellgrace"}},{"editor_url":"https://codepen.io/flatking/pen/BRWXwV","slug_hash":"BRWXwV","title":"Design - Orbs","url":"https://codepen.io/flatking/fullembedgrid/BRWXwV","user":{"name":"Ben Sheppard","url":"/flatking"}},{"editor_url":"https://codepen.io/K-T/pen/EmmwMo","slug_hash":"EmmwMo","title":"illusion forest","url":"https://codepen.io/K-T/fullembedgrid/EmmwMo","user":{"name":"K-T","url":"/K-T"}},{"editor_url":"https://codepen.io/scorch/pen/aWVPVK","slug_hash":"aWVPVK","title":"ioc brownian","url":"https://codepen.io/scorch/fullembedgrid/aWVPVK","user":{"name":"Daniel","url":"/scorch"}},{"editor_url":"https://codepen.io/MadeByMike/pen/EmzxYR","slug_hash":"EmzxYR","title":"Using CH units for typographic design","url":"https://codepen.io/MadeByMike/fullembedgrid/EmzxYR","user":{"name":"Mike","url":"/MadeByMike"}},{"editor_url":"https://codepen.io/danwilson/pen/WOdGbO","slug_hash":"WOdGbO","title":"In Rainbows","url":"https://codepen.io/danwilson/fullembedgrid/WOdGbO","user":{"name":"Dan Wilson","url":"/danwilson"}},{"editor_url":"https://codepen.io/MarioDesigns/pen/LLrVLK","slug_hash":"LLrVLK","title":"Floating Loading Animation","url":"https://codepen.io/MarioDesigns/fullembedgrid/LLrVLK","user":{"name":"Mario Duarte","url":"/MarioDesigns"}},{"editor_url":"https://codepen.io/natacoops/pen/BZPzJY","slug_hash":"BZPzJY","title":"CSS Dev Conf - Contest Submission","url":"https://codepen.io/natacoops/fullembedgrid/BZPzJY","user":{"name":"Nat Cooper","url":"/natacoops"}},{"editor_url":"https://codepen.io/scorch/pen/owmzRj","slug_hash":"owmzRj","title":"Nepmesek","url":"https://codepen.io/scorch/fullembedgrid/owmzRj","user":{"name":"Daniel","url":"/scorch"}},{"editor_url":"https://codepen.io/Jrm_Medina/pen/BdQrQL","slug_hash":"BdQrQL","title":"Inspiration Dribbble #2 - Calendar","url":"https://codepen.io/Jrm_Medina/fullembedgrid/BdQrQL","user":{"name":"Jeremy","url":"/Jrm_Medina"}},{"editor_url":"https://codepen.io/thebabydino/pen/zddMJo","slug_hash":"zddMJo","title":"gradient stop animation (JS, linear)","url":"https://codepen.io/thebabydino/fullembedgrid/zddMJo","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/jdniki/pen/KvZQqN","slug_hash":"KvZQqN","title":"KvZQqN","url":"https://codepen.io/jdniki/fullembedgrid/KvZQqN","user":{"name":" Nikita Jadhao","url":"/jdniki"}},{"editor_url":"https://codepen.io/ktingvoar/pen/KvJVOw","slug_hash":"KvJVOw","title":"Simplex Noise Butterfly","url":"https://codepen.io/ktingvoar/fullembedgrid/KvJVOw","user":{"name":"Matt Smith","url":"/ktingvoar"}},{"editor_url":"https://codepen.io/cloudinary/pen/LjqJEG","slug_hash":"LjqJEG","title":"Neural Artwork Style Transfer","url":"https://codepen.io/cloudinary/fullembedgrid/LjqJEG","user":{"name":"Cloudinary","url":"/cloudinary"}},{"editor_url":"https://codepen.io/meodai/pen/zdgXJj","slug_hash":"zdgXJj","title":"Color distribution of Color-Names in various color models 🛰","url":"https://codepen.io/meodai/fullembedgrid/zdgXJj","user":{"name":"David Aerne","url":"/meodai"}},{"editor_url":"https://codepen.io/simoberny/pen/wrGoZZ","slug_hash":"wrGoZZ","title":"Thermostat CSS","url":"https://codepen.io/simoberny/fullembedgrid/wrGoZZ","user":{"name":"Simone Bernabè","url":"/simoberny"}},{"editor_url":"https://codepen.io/pimskie/pen/mBPxwv","slug_hash":"mBPxwv","title":"mBPxwv","url":"https://codepen.io/pimskie/fullembedgrid/mBPxwv","user":{"name":"pimskie","url":"/pimskie"}},{"editor_url":"https://codepen.io/jkantner/pen/Bmajgw","slug_hash":"Bmajgw","title":"Blocky Fountain","url":"https://codepen.io/jkantner/fullembedgrid/Bmajgw","user":{"name":"Jon Kantner","url":"/jkantner"}},{"editor_url":"https://codepen.io/zuca/pen/EbxqpO","slug_hash":"EbxqpO","title":"Infinite loop","url":"https://codepen.io/zuca/fullembedgrid/EbxqpO","user":{"name":"Aline Balogh","url":"/zuca"}},{"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/elorenn/pen/LOWNEY","slug_hash":"LOWNEY","title":"#Codevember #10 CSS Rocket Ship ","url":"https://codepen.io/elorenn/fullembedgrid/LOWNEY","user":{"name":"Lorena Sarasua","url":"/elorenn"}},{"editor_url":"https://codepen.io/darrylhuffman/pen/VrpWzQ","slug_hash":"VrpWzQ","title":"The Solar System (To Scale)","url":"https://codepen.io/darrylhuffman/fullembedgrid/VrpWzQ","user":{"name":"Darryl Huffman","url":"/darrylhuffman"}},{"editor_url":"https://codepen.io/joshuaward/pen/jaBxJG","slug_hash":"jaBxJG","title":"Simple Interest Calculator","url":"https://codepen.io/joshuaward/fullembedgrid/jaBxJG","user":{"name":"Josh Ward","url":"/joshuaward"}},{"editor_url":"https://codepen.io/dpdknl/pen/aVWVrw","slug_hash":"aVWVrw","title":"Codevember #12","url":"https://codepen.io/dpdknl/fullembedgrid/aVWVrw","user":{"name":"DPDK","url":"/dpdknl"}},{"editor_url":"https://codepen.io/murasaki/pen/BmOzMP","slug_hash":"BmOzMP","title":"Impressionists Blobs","url":"https://codepen.io/murasaki/fullembedgrid/BmOzMP","user":{"name":"murasaki uma","url":"/murasaki"}},{"editor_url":"https://codepen.io/YusukeNakaya/pen/EbMWgd","slug_hash":"EbMWgd","title":"Only CSS: Text Wave","url":"https://codepen.io/YusukeNakaya/fullembedgrid/EbMWgd","user":{"name":"Yusuke Nakaya","url":"/YusukeNakaya"}},{"editor_url":"https://codepen.io/cobra_winfrey/pen/mqgmop","slug_hash":"mqgmop","title":"🐝 & 💣 Flipper","url":"https://codepen.io/cobra_winfrey/fullembedgrid/mqgmop","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"editor_url":"https://codepen.io/cgorton/pen/aEoOKa","slug_hash":"aEoOKa","title":"12 days of Christmas SVG 4: Decorate Cookie","url":"https://codepen.io/cgorton/fullembedgrid/aEoOKa","user":{"name":"Christina Gorton","url":"/cgorton"}},{"editor_url":"https://codepen.io/enxaneta/pen/EoNJdN","slug_hash":"EoNJdN","title":"3D Triangles Wreath","url":"https://codepen.io/enxaneta/fullembedgrid/EoNJdN","user":{"name":"Gabi","url":"/enxaneta"}},{"editor_url":"https://codepen.io/gotoandplaynowtoo/pen/QapmEK","slug_hash":"QapmEK","title":"Moving Target","url":"https://codepen.io/gotoandplaynowtoo/fullembedgrid/QapmEK","user":{"name":"Donde Lapera","url":"/gotoandplaynowtoo"}},{"editor_url":"https://codepen.io/streletss/pen/eyEzVg","slug_hash":"eyEzVg","title":"growing tiles (sin)","url":"https://codepen.io/streletss/fullembedgrid/eyEzVg","user":{"name":"n","url":"/streletss"}},{"editor_url":"https://codepen.io/cobra_winfrey/pen/yvzazQ","slug_hash":"yvzazQ","title":"🐝&💣 mix-blend animation","url":"https://codepen.io/cobra_winfrey/fullembedgrid/yvzazQ","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"editor_url":"https://codepen.io/FUGU22/pen/jZXWVw","slug_hash":"jZXWVw","title":"Pure CSS stackoverflow logo animation ","url":"https://codepen.io/FUGU22/fullembedgrid/jZXWVw","user":{"name":"Charlie Marcotte","url":"/FUGU22"}},{"editor_url":"https://codepen.io/dark_mefody/pen/jZjoEO","slug_hash":"jZjoEO","title":"Rotation Wave (@bigblueboo)","url":"https://codepen.io/dark_mefody/fullembedgrid/jZjoEO","user":{"name":"Nikita Dubko","url":"/dark_mefody"}},{"editor_url":"https://codepen.io/pgalor/pen/yKNZyK","slug_hash":"yKNZyK","title":"Isometric, animated #purecss scene","url":"https://codepen.io/pgalor/fullembedgrid/yKNZyK","user":{"name":"Piotr Galor","url":"/pgalor"}},{"editor_url":"https://codepen.io/shshaw/pen/MVKwPq","slug_hash":"MVKwPq","title":"Canvas Clip","url":"https://codepen.io/shshaw/fullembedgrid/MVKwPq","user":{"name":"Shaw","url":"/shshaw"}},{"editor_url":"https://codepen.io/createjs/pen/XEdgBr","slug_hash":"XEdgBr","title":"CreateJS: BitmapText is cool!","url":"https://codepen.io/createjs/fullembedgrid/XEdgBr","user":{"name":"CreateJS","url":"/createjs"}},{"editor_url":"https://codepen.io/lbenmore/pen/wmeJQG","slug_hash":"wmeJQG","title":"Who Loves Orange Soda? #codepenchallenge","url":"https://codepen.io/lbenmore/fullembedgrid/wmeJQG","user":{"name":"Lisa Benmore","url":"/lbenmore"}},{"editor_url":"https://codepen.io/bethios/pen/EEoyxp","slug_hash":"EEoyxp","title":"Confetti","url":"https://codepen.io/bethios/fullembedgrid/EEoyxp","user":{"name":"Beth Cummings","url":"/bethios"}},{"editor_url":"https://codepen.io/avstorm/pen/yjLGGN","slug_hash":"yjLGGN","title":"#CodePenChallenge - Checkbox","url":"https://codepen.io/avstorm/fullembedgrid/yjLGGN","user":{"name":"Andreas Storm","url":"/avstorm"}},{"editor_url":"https://codepen.io/cobra_winfrey/pen/zjwNjm","slug_hash":"zjwNjm","title":"🐝&💣 Eclipsewave","url":"https://codepen.io/cobra_winfrey/fullembedgrid/zjwNjm","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"editor_url":"https://codepen.io/ste-vg/pen/pKNjZE","slug_hash":"pKNjZE","title":"Tappy loader","url":"https://codepen.io/ste-vg/fullembedgrid/pKNjZE","user":{"name":"Steve Gardner","url":"/ste-vg"}},{"editor_url":"https://codepen.io/iamryanyu/pen/zabGEg","slug_hash":"zabGEg","title":"Light bulb","url":"https://codepen.io/iamryanyu/fullembedgrid/zabGEg","user":{"name":"Ryan Yu","url":"/iamryanyu"}},{"editor_url":"https://codepen.io/yemon/pen/gKENEZ","slug_hash":"gKENEZ","title":"Pop up social feed notification","url":"https://codepen.io/yemon/fullembedgrid/gKENEZ","user":{"name":"Nooray Yemon","url":"/yemon"}},{"editor_url":"https://codepen.io/g-norman/pen/ERJXrZ","slug_hash":"ERJXrZ","title":"Magnetic button with sound","url":"https://codepen.io/g-norman/fullembedgrid/ERJXrZ","user":{"name":"Gabriel Norman","url":"/g-norman"}},{"editor_url":"https://codepen.io/jh3y/pen/ZjLKGY","slug_hash":"ZjLKGY","title":"Useless checkbox w/ React + GSAP 🐻😅 #CodePenChallenge","url":"https://codepen.io/jh3y/fullembedgrid/ZjLKGY","user":{"name":"Jhey","url":"/jh3y"}},{"editor_url":"https://codepen.io/bloqhead/pen/WKpmrN","slug_hash":"WKpmrN","title":"Checkbox Pokéball","url":"https://codepen.io/bloqhead/fullembedgrid/WKpmrN","user":{"name":"Daryn St. Pierre","url":"/bloqhead"}},{"editor_url":"https://codepen.io/russpate/pen/jpwENM","slug_hash":"jpwENM","title":"Font Awesome Animated Gradient","url":"https://codepen.io/russpate/fullembedgrid/jpwENM","user":{"name":"Russ Pate","url":"/russpate"}},{"editor_url":"https://codepen.io/cobra_winfrey/pen/PBEVvq","slug_hash":"PBEVvq","title":"Wobble Toggle","url":"https://codepen.io/cobra_winfrey/fullembedgrid/PBEVvq","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"editor_url":"https://codepen.io/interaminense/pen/GBzrxq","slug_hash":"GBzrxq","title":"Awesome animated texts","url":"https://codepen.io/interaminense/fullembedgrid/GBzrxq","user":{"name":"Adriano Interaminense","url":"/interaminense"}},{"editor_url":"https://codepen.io/tateishi-e/pen/xaEJxw","slug_hash":"xaEJxw","title":"show elements on scroll","url":"https://codepen.io/tateishi-e/fullembedgrid/xaEJxw","user":{"name":"Jesus","url":"/tateishi-e"}},{"editor_url":"https://codepen.io/AliKlein/pen/bxBgGv","slug_hash":"bxBgGv","title":"Showtime Parallax Effect","url":"https://codepen.io/AliKlein/fullembedgrid/bxBgGv","user":{"name":"Ali Klein","url":"/AliKlein"}},{"editor_url":"https://codepen.io/ste-vg/pen/zmqvNy","slug_hash":"zmqvNy","title":"🎃 Running Pumpkin - POP.svg","url":"https://codepen.io/ste-vg/fullembedgrid/zmqvNy","user":{"name":"Steve Gardner","url":"/ste-vg"}},{"editor_url":"https://codepen.io/bleedeagle/pen/zmzOjy","slug_hash":"zmzOjy","title":"Download App Page before fold - Challenge Week 2","url":"https://codepen.io/bleedeagle/fullembedgrid/zmzOjy","user":{"name":"Kevin Lehtla","url":"/bleedeagle"}},{"editor_url":"https://codepen.io/creme/pen/JeGoaz","slug_hash":"JeGoaz","title":"OffScreen Element reveal","url":"https://codepen.io/creme/fullembedgrid/JeGoaz","user":{"name":"creme","url":"/creme"}},{"editor_url":"https://codepen.io/uchardon/pen/QJdxgW","slug_hash":"QJdxgW","title":"fancy watch","url":"https://codepen.io/uchardon/fullembedgrid/QJdxgW","user":{"name":"Uwe Chardon","url":"/uchardon"}},{"editor_url":"https://codepen.io/Craaftx/pen/qQPQvX","slug_hash":"qQPQvX","title":"OnlyCSS - Night ride in the city","url":"https://codepen.io/Craaftx/fullembedgrid/qQPQvX","user":{"name":"Guilmain Dorian","url":"/Craaftx"}},{"editor_url":"https://codepen.io/joshuaward/pen/aQXLPa","slug_hash":"aQXLPa","title":"Hover Me Pill","url":"https://codepen.io/joshuaward/fullembedgrid/aQXLPa","user":{"name":"Josh Ward","url":"/joshuaward"}},{"editor_url":"https://codepen.io/andyranged/pen/aPojMW","slug_hash":"aPojMW","title":"Space Shooter game","url":"https://codepen.io/andyranged/fullembedgrid/aPojMW","user":{"name":"Andrew Rubin","url":"/andyranged"}},{"editor_url":"https://codepen.io/abeatrize/pen/NegqwG","slug_hash":"NegqwG","title":"Gingerbread House (chrome desktop)","url":"https://codepen.io/abeatrize/fullembedgrid/NegqwG","user":{"name":"Beatrize Agustin","url":"/abeatrize"}},{"editor_url":"https://codepen.io/jagarikin/pen/GzMEoj","slug_hash":"GzMEoj","title":"Rubik's Cube","url":"https://codepen.io/jagarikin/fullembedgrid/GzMEoj","user":{"name":"jagarikin","url":"/jagarikin"}},{"editor_url":"https://codepen.io/Puppies4Life/pen/bZdrEo","slug_hash":"bZdrEo","title":"8-Bit Glitch","url":"https://codepen.io/Puppies4Life/fullembedgrid/bZdrEo","user":{"name":"Jesse Brack","url":"/Puppies4Life"}},{"editor_url":"https://codepen.io/nerdy-girl/pen/eXMMGQ","slug_hash":"eXMMGQ","title":"100 days CSS #69","url":"https://codepen.io/nerdy-girl/fullembedgrid/eXMMGQ","user":{"name":"Nerdy Girl","url":"/nerdy-girl"}},{"editor_url":"https://codepen.io/jkantner/pen/aMQqgz","slug_hash":"aMQqgz","title":"Emoji Tornado","url":"https://codepen.io/jkantner/fullembedgrid/aMQqgz","user":{"name":"Jon Kantner","url":"/jkantner"}},{"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/rafaelavlucas/pen/BEYPqg","slug_hash":"BEYPqg","title":"Hello Dribbble - CSS animation","url":"https://codepen.io/rafaelavlucas/fullembedgrid/BEYPqg","user":{"name":"Rafaela Lucas","url":"/rafaelavlucas"}},{"editor_url":"https://codepen.io/akshaycodes/pen/gyjLMN","slug_hash":"gyjLMN","title":"Keyboard Tester","url":"https://codepen.io/akshaycodes/fullembedgrid/gyjLMN","user":{"name":"Akshay ","url":"/akshaycodes"}},{"editor_url":"https://codepen.io/meodai/pen/BEbNyW","slug_hash":"BEbNyW","title":"boubbles","url":"https://codepen.io/meodai/fullembedgrid/BEbNyW","user":{"name":"David Aerne","url":"/meodai"}},{"editor_url":"https://codepen.io/Dillo/pen/mgNXjY","slug_hash":"mgNXjY","title":"h_222222_sl_p","url":"https://codepen.io/Dillo/fullembedgrid/mgNXjY","user":{"name":"Dillon","url":"/Dillo"}},{"editor_url":"https://codepen.io/borntofrappe/pen/yWJWVV","slug_hash":"yWJWVV","title":"D3 Colorful Donut","url":"https://codepen.io/borntofrappe/fullembedgrid/yWJWVV","user":{"name":"Gabriele Corti","url":"/borntofrappe"}},{"editor_url":"https://codepen.io/Supercopra/pen/EzEdwg","slug_hash":"EzEdwg","title":"Praise The Sun!","url":"https://codepen.io/Supercopra/fullembedgrid/EzEdwg","user":{"name":"Julius Horn","url":"/Supercopra"}},{"editor_url":"https://codepen.io/mohammad-haydar/pen/ZNoMdw","slug_hash":"ZNoMdw","title":"Thor's Bifrost Bridge","url":"https://codepen.io/mohammad-haydar/fullembedgrid/ZNoMdw","user":{"name":"Mohammad-haydar","url":"/mohammad-haydar"}},{"editor_url":"https://codepen.io/loficodes/pen/GawXVz","slug_hash":"GawXVz","title":"Spider-verse dots","url":"https://codepen.io/loficodes/fullembedgrid/GawXVz","user":{"name":"LoFi","url":"/loficodes"}},{"editor_url":"https://codepen.io/AdamMorsi/pen/mZevwL","slug_hash":"mZevwL","title":"React select and crop image","url":"https://codepen.io/AdamMorsi/fullembedgrid/mZevwL","user":{"name":"Adam Morsi","url":"/AdamMorsi"}},{"editor_url":"https://codepen.io/MarioD/pen/GbLxNq","slug_hash":"GbLxNq","title":"Peapods Logo Interactivity","url":"https://codepen.io/MarioD/fullembedgrid/GbLxNq","user":{"name":"Mariusz Dabrowski","url":"/MarioD"}},{"editor_url":"https://codepen.io/dev_loop/pen/oKmgLK","slug_hash":"oKmgLK","title":"Cut Or Copy","url":"https://codepen.io/dev_loop/fullembedgrid/oKmgLK","user":{"name":"Sikriti Dakua","url":"/dev_loop"}},{"editor_url":"https://codepen.io/Coding_Journey/pen/LYPNmpe","slug_hash":"LYPNmpe","title":"Drag and Drop Game","url":"https://codepen.io/Coding_Journey/fullembedgrid/LYPNmpe","user":{"name":"Coding Journey","url":"/Coding_Journey"}},{"editor_url":"https://codepen.io/ChhaviKhandelwal/pen/MWgpaOE","slug_hash":"MWgpaOE","title":"Caricature - Glitch doll","url":"https://codepen.io/ChhaviKhandelwal/fullembedgrid/MWgpaOE","user":{"name":"chhavi khandelwal","url":"/ChhaviKhandelwal"}},{"editor_url":"https://codepen.io/aykray/pen/YzKQdYm","slug_hash":"YzKQdYm","title":"Rand() Planets Wallpaper","url":"https://codepen.io/aykray/fullembedgrid/YzKQdYm","user":{"name":"Alexander Kramer","url":"/aykray"}},{"editor_url":"https://codepen.io/scottkellum/pen/dybxYzd","slug_hash":"dybxYzd","title":"Bind CSS keyframe animation to scroll","url":"https://codepen.io/scottkellum/fullembedgrid/dybxYzd","user":{"name":"Scott Kellum","url":"/scottkellum"}},{"editor_url":"https://codepen.io/curley/pen/RwbXzJJ","slug_hash":"RwbXzJJ","title":"Pure CSS 😨!!!","url":"https://codepen.io/curley/fullembedgrid/RwbXzJJ","user":{"name":"CurleyWebDev","url":"/curley"}},{"editor_url":"https://codepen.io/borntofrappe/pen/QWWwOWO","slug_hash":"QWWwOWO","title":"Matter JS Plinko","url":"https://codepen.io/borntofrappe/fullembedgrid/QWWwOWO","user":{"name":"Gabriele Corti","url":"/borntofrappe"}},{"editor_url":"https://codepen.io/Dillo/pen/PoobqYz","slug_hash":"PoobqYz","title":"simplex noise and color map","url":"https://codepen.io/Dillo/fullembedgrid/PoobqYz","user":{"name":"Dillon","url":"/Dillo"}},{"editor_url":"https://codepen.io/chrisota/pen/OJJbdbR","slug_hash":"OJJbdbR","title":"HTML/CSS illustration - Rolex","url":"https://codepen.io/chrisota/fullembedgrid/OJJbdbR","user":{"name":"Chris Ota","url":"/chrisota"}},{"editor_url":"https://codepen.io/Coderesting/pen/BaaELKv","slug_hash":"BaaELKv","title":"Draggable Wheel of Life","url":"https://codepen.io/Coderesting/fullembedgrid/BaaELKv","user":{"name":"Yannick Brandt","url":"/Coderesting"}},{"editor_url":"https://codepen.io/acupoftee/pen/WNbBxXq","slug_hash":"WNbBxXq","title":"Pure CSS Glitch Experiment (Twitch Intro WIP)","url":"https://codepen.io/acupoftee/fullembedgrid/WNbBxXq","user":{"name":"Béthy (Tee)","url":"/acupoftee"}},{"editor_url":"https://codepen.io/toshiya-marukubo/pen/LYVPqKv","slug_hash":"LYVPqKv","title":"#15 in 2020 / JavaScript Canvas","url":"https://codepen.io/toshiya-marukubo/fullembedgrid/LYVPqKv","user":{"name":"Toshiya Marukubo","url":"/toshiya-marukubo"}},{"editor_url":"https://codepen.io/kdbkapsere/pen/oNXLbqQ","slug_hash":"oNXLbqQ","title":"404 Page","url":"https://codepen.io/kdbkapsere/fullembedgrid/oNXLbqQ","user":{"name":"Kasper De Bruyne","url":"/kdbkapsere"}},{"editor_url":"https://codepen.io/TechnoTone/pen/NWqbZQB","slug_hash":"NWqbZQB","title":"Space scene","url":"https://codepen.io/TechnoTone/fullembedgrid/NWqbZQB","user":{"name":"Tony Hunt","url":"/TechnoTone"}},{"editor_url":"https://codepen.io/learosema/pen/GRJmaaw","slug_hash":"GRJmaaw","title":"Animated Border-radius","url":"https://codepen.io/learosema/fullembedgrid/GRJmaaw","user":{"name":"Lea Rosema","url":"/learosema"}},{"editor_url":"https://codepen.io/AnkitNavrang/pen/OJVgBYa","slug_hash":"OJVgBYa","title":"BatAni","url":"https://codepen.io/AnkitNavrang/fullembedgrid/OJVgBYa","user":{"name":"Ankit Navrang","url":"/AnkitNavrang"}},{"editor_url":"https://codepen.io/PointC/pen/XWbyrOv","slug_hash":"XWbyrOv","title":"Just some rings","url":"https://codepen.io/PointC/fullembedgrid/XWbyrOv","user":{"name":"Craig Roblewsky","url":"/PointC"}},{"editor_url":"https://codepen.io/stivaliserna/pen/MWarEgz","slug_hash":"MWarEgz","title":"Press the button: CSS only animated gaming tower ","url":"https://codepen.io/stivaliserna/fullembedgrid/MWarEgz","user":{"name":"Stivs","url":"/stivaliserna"}},{"editor_url":"https://codepen.io/pavlovsk/pen/YzyYbLV","slug_hash":"YzyYbLV","title":"Park Street 11 - 3D CSS","url":"https://codepen.io/pavlovsk/fullembedgrid/YzyYbLV","user":{"name":"Mustafa Enes","url":"/pavlovsk"}},{"editor_url":"https://codepen.io/lerida/pen/MWadRgM","slug_hash":"MWadRgM","title":"To Do List","url":"https://codepen.io/lerida/fullembedgrid/MWadRgM","user":{"name":"Álex S. Lérida","url":"/lerida"}},{"editor_url":"https://codepen.io/jkantner/pen/qBbWjaJ","slug_hash":"qBbWjaJ","title":"Neumorphic Ranges With a Ball Handle","url":"https://codepen.io/jkantner/fullembedgrid/qBbWjaJ","user":{"name":"Jon Kantner","url":"/jkantner"}},{"editor_url":"https://codepen.io/frontend-magic/pen/KKVVvbN","slug_hash":"KKVVvbN","title":"ice-cream shop","url":"https://codepen.io/frontend-magic/fullembedgrid/KKVVvbN","user":{"name":"Kemi Owoyele","url":"/frontend-magic"}},{"editor_url":"https://codepen.io/antoniasymeonidou/pen/gOPwYLy","slug_hash":"gOPwYLy","title":"Moon And Sky","url":"https://codepen.io/antoniasymeonidou/fullembedgrid/gOPwYLy","user":{"name":"NANOUU","url":"/antoniasymeonidou"}},{"editor_url":"https://codepen.io/marija-hajnal/pen/KKVQQOg","slug_hash":"KKVQQOg","title":"CSS Shiba Inu blinking ","url":"https://codepen.io/marija-hajnal/fullembedgrid/KKVQQOg","user":{"name":"Marija Hajnal","url":"/marija-hajnal"}},{"editor_url":"https://codepen.io/toshiya-marukubo/pen/rNxdwXr","slug_hash":"rNxdwXr","title":"#91 in 2020 / JavaScript Canvas","url":"https://codepen.io/toshiya-marukubo/fullembedgrid/rNxdwXr","user":{"name":"Toshiya Marukubo","url":"/toshiya-marukubo"}},{"editor_url":"https://codepen.io/prathkum/pen/xxZoxvY","slug_hash":"xxZoxvY","title":"Window","url":"https://codepen.io/prathkum/fullembedgrid/xxZoxvY","user":{"name":"Pratham","url":"/prathkum"}},{"editor_url":"https://codepen.io/JuanFuentes/pen/bGpGpzg","slug_hash":"bGpGpzg","title":"Variable Fonts in Canvas","url":"https://codepen.io/JuanFuentes/fullembedgrid/bGpGpzg","user":{"name":"Juan Fuentes","url":"/JuanFuentes"}},{"editor_url":"https://codepen.io/michalburda/pen/YzqLoPo","slug_hash":"YzqLoPo","title":"happy programmer's day - auto type writer","url":"https://codepen.io/michalburda/fullembedgrid/YzqLoPo","user":{"name":"Michal Burda","url":"/michalburda"}},{"editor_url":"https://codepen.io/jackiezen/pen/vYGPQZK","slug_hash":"vYGPQZK","title":"Pantone Color Chips","url":"https://codepen.io/jackiezen/fullembedgrid/vYGPQZK","user":{"name":"Jackie Zen","url":"/jackiezen"}},{"editor_url":"https://codepen.io/mrtrimble/pen/GRqgNZZ","slug_hash":"GRqgNZZ","title":"[React] Ryderly - Build Your Own Bike","url":"https://codepen.io/mrtrimble/fullembedgrid/GRqgNZZ","user":{"name":"Ryan Trimble","url":"/mrtrimble"}},{"editor_url":"https://codepen.io/coopergoeke/pen/abZqEbK","slug_hash":"abZqEbK","title":"Coin Flip Donate Button","url":"https://codepen.io/coopergoeke/fullembedgrid/abZqEbK","user":{"name":"Cooper Goeke","url":"/coopergoeke"}},{"editor_url":"https://codepen.io/TurkAysenur/pen/LYRKpWe","slug_hash":"LYRKpWe","title":"Skateboard Video Platform","url":"https://codepen.io/TurkAysenur/fullembedgrid/LYRKpWe","user":{"name":"Aysenur Turk","url":"/TurkAysenur"}},{"editor_url":"https://codepen.io/aepicos/pen/VwmYggO","slug_hash":"VwmYggO","title":"CSS Cinemagraph","url":"https://codepen.io/aepicos/fullembedgrid/VwmYggO","user":{"name":"aepicos","url":"/aepicos"}},{"editor_url":"https://codepen.io/tiffachoo/pen/dyOdarY","slug_hash":"dyOdarY","title":"Yellow","url":"https://codepen.io/tiffachoo/fullembedgrid/dyOdarY","user":{"name":"tiffany choong","url":"/tiffachoo"}},{"editor_url":"https://codepen.io/thebabydino/pen/BaQxNqL","slug_hash":"BaQxNqL","title":"Pure CSS ☢️🥧 slices with Houdini magic 🎩🐇✨ (Chromium only)","url":"https://codepen.io/thebabydino/fullembedgrid/BaQxNqL","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/amit_sheen/pen/MWJPRyd","slug_hash":"MWJPRyd","title":"Poly Ball ","url":"https://codepen.io/amit_sheen/fullembedgrid/MWJPRyd","user":{"name":"Amit Sheen","url":"/amit_sheen"}},{"editor_url":"https://codepen.io/chloe47632/pen/bGqbEjy","slug_hash":"bGqbEjy","title":"Penguin","url":"https://codepen.io/chloe47632/fullembedgrid/bGqbEjy","user":{"name":"Chloe Barry","url":"/chloe47632"}},{"editor_url":"https://codepen.io/RominaMartin/pen/dyvpNWX","slug_hash":"dyvpNWX","title":"Places where anyone can marry 🏳️🌈","url":"https://codepen.io/RominaMartin/fullembedgrid/dyvpNWX","user":{"name":"Romina","url":"/RominaMartin"}},{"editor_url":"https://codepen.io/ryaninvents/pen/PopBNpR","slug_hash":"PopBNpR","title":"Vibrant recipe stylesheet","url":"https://codepen.io/ryaninvents/fullembedgrid/PopBNpR","user":{"name":"Ryan Kennedy","url":"/ryaninvents"}},{"editor_url":"https://codepen.io/supah/pen/OJpemda","slug_hash":"OJpemda","title":"Animated menu with React and Gsap","url":"https://codepen.io/supah/fullembedgrid/OJpemda","user":{"name":"Fabio Ottaviani","url":"/supah"}},{"editor_url":"https://codepen.io/amit_sheen/pen/mdmJNYz","slug_hash":"mdmJNYz","title":"Flying platform (CSS)","url":"https://codepen.io/amit_sheen/fullembedgrid/mdmJNYz","user":{"name":"Amit Sheen","url":"/amit_sheen"}},{"editor_url":"https://codepen.io/creativeocean/pen/yLXyZJR","slug_hash":"yLXyZJR","title":"Futuristic Tree Rings (futzing w/ polygons)","url":"https://codepen.io/creativeocean/fullembedgrid/yLXyZJR","user":{"name":"Tom Miller","url":"/creativeocean"}},{"editor_url":"https://codepen.io/delvignefred/pen/powgjxM","slug_hash":"powgjxM","title":"petaloso | a beautiful natural SVG path animation","url":"https://codepen.io/delvignefred/fullembedgrid/powgjxM","user":{"name":"Delvigne Frédéric","url":"/delvignefred"}},{"editor_url":"https://codepen.io/pjkarlik/pen/dyzGxRE","slug_hash":"dyzGxRE","title":"Ladybugs in the Meadow","url":"https://codepen.io/pjkarlik/fullembedgrid/dyzGxRE","user":{"name":"byt3_m3chanic","url":"/pjkarlik"}},{"editor_url":"https://codepen.io/shubniggurath/pen/yLoMxvW/a5c18e814a278435866041c0b8df32e5","slug_hash":"yLoMxvW","title":"Infinite primordial creatures","url":"https://codepen.io/shubniggurath/fullembedgrid/yLoMxvW/a5c18e814a278435866041c0b8df32e5","user":{"name":"Liam Egan","url":"/shubniggurath"}},{"editor_url":"https://codepen.io/alvaromontoro/pen/MWvQOPd","slug_hash":"MWvQOPd","title":"Step Tracker Card","url":"https://codepen.io/alvaromontoro/fullembedgrid/MWvQOPd","user":{"name":"Alvaro Montoro","url":"/alvaromontoro"}},{"editor_url":"https://codepen.io/creativeocean/pen/OJjverx","slug_hash":"OJjverx","title":"Another game for my kids (guitar-hero)","url":"https://codepen.io/creativeocean/fullembedgrid/OJjverx","user":{"name":"Tom Miller","url":"/creativeocean"}},{"editor_url":"https://codepen.io/aryancodeworm/pen/NWaYxrx","slug_hash":"NWaYxrx","title":"Happy New Year!","url":"https://codepen.io/aryancodeworm/fullembedgrid/NWaYxrx","user":{"name":"Aryan Tayal","url":"/aryancodeworm"}},{"editor_url":"https://codepen.io/cobra_winfrey/pen/OJOBqwZ","slug_hash":"OJOBqwZ","title":"4000 Followers - Thank You!","url":"https://codepen.io/cobra_winfrey/fullembedgrid/OJOBqwZ","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"editor_url":"https://codepen.io/Since1979/pen/RwxawGq","slug_hash":"RwxawGq","title":"Css 3D Dumble","url":"https://codepen.io/Since1979/fullembedgrid/RwxawGq","user":{"name":"Stephan Nijman","url":"/Since1979"}},{"editor_url":"https://codepen.io/verydisco/pen/oNpavYB","slug_hash":"oNpavYB","title":"POC - Codrops - On-Scroll Text Repetition Animation","url":"https://codepen.io/verydisco/fullembedgrid/oNpavYB","user":{"name":"Chris McArdle","url":"/verydisco"}},{"editor_url":"https://codepen.io/pokecoder/pen/jOYeKBQ","slug_hash":"jOYeKBQ","title":"Wavy Text Effect","url":"https://codepen.io/pokecoder/fullembedgrid/jOYeKBQ","user":{"name":"Ale","url":"/pokecoder"}},{"editor_url":"https://codepen.io/shshaw/pen/OJQPexo","slug_hash":"OJQPexo","title":"FLIP Order","url":"https://codepen.io/shshaw/fullembedgrid/OJQPexo","user":{"name":"Shaw","url":"/shshaw"}},{"editor_url":"https://codepen.io/201flaviosilva/pen/QWQqEGq","slug_hash":"QWQqEGq","title":"Snake AI","url":"https://codepen.io/201flaviosilva/fullembedgrid/QWQqEGq","user":{"name":"Flávio Silva","url":"/201flaviosilva"}},{"editor_url":"https://codepen.io/sschepis/pen/zYRbMNo","slug_hash":"zYRbMNo","title":"Auto-Artist","url":"https://codepen.io/sschepis/fullembedgrid/zYRbMNo","user":{"name":"Sebastian Schepis","url":"/sschepis"}},{"editor_url":"https://codepen.io/propjockey/pen/JjLKqGa","slug_hash":"JjLKqGa","title":"100% CSS Checkers - NO JS!","url":"https://codepen.io/propjockey/fullembedgrid/JjLKqGa","user":{"name":"Jane Ori 💜","url":"/propjockey"}},{"editor_url":"https://codepen.io/t_afif/pen/gOzpKry","slug_hash":"gOzpKry","title":"CSS only circular images slider","url":"https://codepen.io/t_afif/fullembedgrid/gOzpKry","user":{"name":"Temani Afif","url":"/t_afif"}},{"editor_url":"https://codepen.io/Mertl/pen/rNvEEYr","slug_hash":"rNvEEYr","title":"rNvEEYr","url":"https://codepen.io/Mertl/fullembedgrid/rNvEEYr","user":{"name":"Michal","url":"/Mertl"}},{"editor_url":"https://codepen.io/chrisgannon/pen/bGKeovd","slug_hash":"bGKeovd","title":"Manual Loader","url":"https://codepen.io/chrisgannon/fullembedgrid/bGKeovd","user":{"name":"Chris Gannon","url":"/chrisgannon"}},{"editor_url":"https://codepen.io/jh3y/pen/VwdzzmX","slug_hash":"VwdzzmX","title":"CSS Criss Cross Parallax with scroll-linked animations ⚡️","url":"https://codepen.io/jh3y/fullembedgrid/VwdzzmX","user":{"name":"Jhey","url":"/jh3y"}},{"editor_url":"https://codepen.io/DonKarlssonSan/pen/ExRRGLR","slug_hash":"ExRRGLR","title":"Jacob's Ladder | GSAP","url":"https://codepen.io/DonKarlssonSan/fullembedgrid/ExRRGLR","user":{"name":"Johan Karlsson","url":"/DonKarlssonSan"}},{"editor_url":"https://codepen.io/josetxu/pen/VwdJyXq","slug_hash":"VwdJyXq","title":"Tribute Sculpture to M. C. Escher - CSS","url":"https://codepen.io/josetxu/fullembedgrid/VwdJyXq","user":{"name":"Josetxu ","url":"/josetxu"}},{"editor_url":"https://codepen.io/kotAndy/pen/dyjjRmw","slug_hash":"dyjjRmw","title":"Pure CSS | Dream Workspace","url":"https://codepen.io/kotAndy/fullembedgrid/dyjjRmw","user":{"name":"Andy","url":"/kotAndy"}},{"editor_url":"https://codepen.io/jorgecheevers/pen/VwBReyy","slug_hash":"VwBReyy","title":"3D animation & interaction with Spline","url":"https://codepen.io/jorgecheevers/fullembedgrid/VwBReyy","user":{"name":"Jorge Cheevers","url":"/jorgecheevers"}},{"editor_url":"https://codepen.io/danwilson/pen/abjxXMq","slug_hash":"abjxXMq","title":"Collapsing Cube... in 3-D!!!","url":"https://codepen.io/danwilson/fullembedgrid/abjxXMq","user":{"name":"Dan Wilson","url":"/danwilson"}},{"editor_url":"https://codepen.io/konstantindenerz/pen/WNgEqbG","slug_hash":"WNgEqbG","title":"Animated Retrowave 👾 (CSS)","url":"https://codepen.io/konstantindenerz/fullembedgrid/WNgEqbG","user":{"name":"Konstantin Denerz","url":"/konstantindenerz"}},{"editor_url":"https://codepen.io/Tibixx/pen/poxBzYJ","slug_hash":"poxBzYJ","title":"Energy Blob","url":"https://codepen.io/Tibixx/fullembedgrid/poxBzYJ","user":{"name":"Tibix","url":"/Tibixx"}},{"editor_url":"https://codepen.io/Dillo/pen/bGQdJjj","slug_hash":"bGQdJjj","title":"Branches","url":"https://codepen.io/Dillo/fullembedgrid/bGQdJjj","user":{"name":"Dillon","url":"/Dillo"}},{"editor_url":"https://codepen.io/tahazsh/pen/zYMwEXp","slug_hash":"zYMwEXp","title":"Transitional Color Picker","url":"https://codepen.io/tahazsh/fullembedgrid/zYMwEXp","user":{"name":"Taha Shashtari","url":"/tahazsh"}},{"editor_url":"https://codepen.io/Dillo/pen/yLQROmy","slug_hash":"yLQROmy","title":"Gridium","url":"https://codepen.io/Dillo/fullembedgrid/yLQROmy","user":{"name":"Dillon","url":"/Dillo"}},{"editor_url":"https://codepen.io/Mertl/pen/poQGmVp","slug_hash":"poQGmVp","title":"electromagnetic field","url":"https://codepen.io/Mertl/fullembedgrid/poQGmVp","user":{"name":"Michal","url":"/Mertl"}},{"editor_url":"https://codepen.io/cantelope/pen/vYQoKRw","slug_hash":"vYQoKRw","title":"Tetrahedron of DOOM","url":"https://codepen.io/cantelope/fullembedgrid/vYQoKRw","user":{"name":"Scott R McGann","url":"/cantelope"}},{"editor_url":"https://codepen.io/MenSeb/pen/xxmxwMY","slug_hash":"xxmxwMY","title":"Stair Led Strips","url":"https://codepen.io/MenSeb/fullembedgrid/xxmxwMY","user":{"name":"MenSeb","url":"/MenSeb"}},{"editor_url":"https://codepen.io/walpolea/pen/JjwYaxM","slug_hash":"JjwYaxM","title":"Pretty Blurred Backgrounds with clip-path and filter:blur","url":"https://codepen.io/walpolea/fullembedgrid/JjwYaxM","user":{"name":"Andrew","url":"/walpolea"}},{"editor_url":"https://codepen.io/jackiezen/pen/oNJMOvZ","slug_hash":"oNJMOvZ","title":"Jackie's Pet Store","url":"https://codepen.io/jackiezen/fullembedgrid/oNJMOvZ","user":{"name":"Jackie Zen","url":"/jackiezen"}},{"editor_url":"https://codepen.io/areal_alien/pen/KKJXwWM","slug_hash":"KKJXwWM","title":"Parallax Scrolling and Title Animation","url":"https://codepen.io/areal_alien/fullembedgrid/KKJXwWM","user":{"name":"Areal Alien ♡","url":"/areal_alien"}},{"editor_url":"https://codepen.io/shshaw/pen/poGOyvV","slug_hash":"poGOyvV","title":"Triangulate","url":"https://codepen.io/shshaw/fullembedgrid/poGOyvV","user":{"name":"Shaw","url":"/shshaw"}},{"editor_url":"https://codepen.io/BlogFire/pen/yLZmBOx","slug_hash":"yLZmBOx","title":"Seasons - Winter","url":"https://codepen.io/BlogFire/fullembedgrid/yLZmBOx","user":{"name":"Chris Smith","url":"/BlogFire"}},{"editor_url":"https://codepen.io/avstorm/pen/PoLqayo","slug_hash":"PoLqayo","title":"Threads Like Animation","url":"https://codepen.io/avstorm/fullembedgrid/PoLqayo","user":{"name":"Andreas Storm","url":"/avstorm"}},{"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/konstantindenerz/pen/QWPyXwO","slug_hash":"QWPyXwO","title":"The Dark Side of Notifications (CSS)","url":"https://codepen.io/konstantindenerz/fullembedgrid/QWPyXwO","user":{"name":"Konstantin Denerz","url":"/konstantindenerz"}},{"editor_url":"https://codepen.io/leimapapa/pen/jORBGYe","slug_hash":"jORBGYe","title":"emotionality","url":"https://codepen.io/leimapapa/fullembedgrid/jORBGYe","user":{"name":"leimapapa","url":"/leimapapa"}},{"editor_url":"https://codepen.io/levchenkod/pen/ExJbLry","slug_hash":"ExJbLry","title":"3 body problem - countdown animation","url":"https://codepen.io/levchenkod/fullembedgrid/ExJbLry","user":{"name":"Dmytro Levchenko","url":"/levchenkod"}},{"editor_url":"https://codepen.io/ghaste/pen/oNOyvQz","slug_hash":"oNOyvQz","title":"Grid two ways","url":"https://codepen.io/ghaste/fullembedgrid/oNOyvQz","user":{"name":"Amit","url":"/ghaste"}},{"editor_url":"https://codepen.io/the_frontdev/pen/dyEZKoE","slug_hash":"dyEZKoE","title":"Daft Punk CSS","url":"https://codepen.io/the_frontdev/fullembedgrid/dyEZKoE","user":{"name":"The FrontDev","url":"/the_frontdev"}},{"editor_url":"https://codepen.io/ZevanRosser/pen/pomBpaY","slug_hash":"pomBpaY","title":"squigs","url":"https://codepen.io/ZevanRosser/fullembedgrid/pomBpaY","user":{"name":"Zevan Rosser","url":"/ZevanRosser"}},{"editor_url":"https://codepen.io/borntofrappe/pen/xxobXxJ","slug_hash":"xxobXxJ","title":"Start view counter","url":"https://codepen.io/borntofrappe/fullembedgrid/xxobXxJ","user":{"name":"Gabriele Corti","url":"/borntofrappe"}},{"editor_url":"https://codepen.io/samme/pen/MWMppLm","slug_hash":"MWMppLm","title":"Love bomb 2","url":"https://codepen.io/samme/fullembedgrid/MWMppLm","user":{"name":"samme","url":"/samme"}},{"editor_url":"https://codepen.io/t_afif/pen/YzoBmLb","slug_hash":"YzoBmLb","title":"Progress element with tooltip (Chrome only)","url":"https://codepen.io/t_afif/fullembedgrid/YzoBmLb","user":{"name":"Temani Afif","url":"/t_afif"}},{"editor_url":"https://codepen.io/ahart814/pen/PorLyoZ","slug_hash":"PorLyoZ","title":"CodePen Challenge September '24 - JS timer","url":"https://codepen.io/ahart814/fullembedgrid/PorLyoZ","user":{"name":"Alex Hart","url":"/ahart814"}},{"editor_url":"https://codepen.io/qub3r-001/pen/GRbLBKr","slug_hash":"GRbLBKr","title":"Gear Clock","url":"https://codepen.io/qub3r-001/fullembedgrid/GRbLBKr","user":{"name":"qUB3r-001","url":"/qub3r-001"}},{"editor_url":"https://codepen.io/NiklasKnaack/pen/XWLwVGg","slug_hash":"XWLwVGg","title":"My boids celebrate 400 followers - Vanilla JS","url":"https://codepen.io/NiklasKnaack/fullembedgrid/XWLwVGg","user":{"name":"Niklas Knaack","url":"/NiklasKnaack"}},{"editor_url":"https://codepen.io/jh3y/pen/NWQRoXW","slug_hash":"NWQRoXW","title":"CSS :has() nav sliding hover tips","url":"https://codepen.io/jh3y/fullembedgrid/NWQRoXW","user":{"name":"Jhey","url":"/jh3y"}},{"editor_url":"https://codepen.io/H-L-the-lessful/pen/wBwqbgj","slug_hash":"wBwqbgj","title":"\"Shader Animation 16\"","url":"https://codepen.io/H-L-the-lessful/fullembedgrid/wBwqbgj","user":{"name":"HL","url":"/H-L-the-lessful"}},{"editor_url":"https://codepen.io/tofjadesign/pen/WbeZPBL","slug_hash":"WbeZPBL","title":"New Year Around the World","url":"https://codepen.io/tofjadesign/fullembedgrid/WbeZPBL","user":{"name":"marcello","url":"/tofjadesign"}},{"editor_url":"https://codepen.io/cantelope/pen/azoVLye","slug_hash":"azoVLye","title":"equirectangular shader (mousewheel to change)","url":"https://codepen.io/cantelope/fullembedgrid/azoVLye","user":{"name":"Scott R McGann","url":"/cantelope"}},{"editor_url":"https://codepen.io/VoXelo/pen/jENeymE","slug_hash":"jENeymE","title":"WebGL Shader Animation with Three.js and GLSL","url":"https://codepen.io/VoXelo/fullembedgrid/jENeymE","user":{"name":"Puneet | Techartist","url":"/VoXelo"}},{"editor_url":"https://codepen.io/VoXelo/pen/LEYpwoQ","slug_hash":"LEYpwoQ","title":"Three.js Pulsing Star Forge","url":"https://codepen.io/VoXelo/fullembedgrid/LEYpwoQ","user":{"name":"Puneet | Techartist","url":"/VoXelo"}},{"editor_url":"https://codepen.io/vainsan/pen/bNGErNK","slug_hash":"bNGErNK","title":"three.js + RadialBlur ShaderMaterial","url":"https://codepen.io/vainsan/fullembedgrid/bNGErNK","user":{"name":"vainsan","url":"/vainsan"}},{"editor_url":"https://codepen.io/kirstenallen/pen/xbxWLzQ","slug_hash":"xbxWLzQ","title":"Severance Titles: Defiant Jazz","url":"https://codepen.io/kirstenallen/fullembedgrid/xbxWLzQ","user":{"name":"kirsten allen","url":"/kirstenallen"}},{"editor_url":"https://codepen.io/jkantner/pen/ZYYoZzr","slug_hash":"ZYYoZzr","title":"Concentric Circle Preloader","url":"https://codepen.io/jkantner/fullembedgrid/ZYYoZzr","user":{"name":"Jon Kantner","url":"/jkantner"}},{"editor_url":"https://codepen.io/pjkarlik/pen/xbbmPLv","slug_hash":"xbbmPLv","title":"2D Truchet Pattern / WebGL Shader","url":"https://codepen.io/pjkarlik/fullembedgrid/xbbmPLv","user":{"name":"byt3_m3chanic","url":"/pjkarlik"}},{"editor_url":"https://codepen.io/Giedr-Ju/pen/azOGbrd","slug_hash":"azOGbrd","title":"Squingly Wave Machine","url":"https://codepen.io/Giedr-Ju/fullembedgrid/azOGbrd","user":{"name":"Giedre Ju","url":"/Giedr-Ju"}}],"__show_pens_in_order":"random"}