{"payload":{"header_redesign_enabled":false,"results":[{"id":"198412241","archived":false,"color":"#f1e05a","followers":332,"has_funding_file":false,"hl_name":"codrops/SmoothScrollingImageEffects","hl_trunc_description":"A small set of ideas on animating images and other elements while smooth scrolling a page.","language":"JavaScript","mirror":false,"owned_by_organization":true,"public":true,"repo":{"repository":{"id":198412241,"name":"SmoothScrollingImageEffects","owner_id":310036,"owner_login":"codrops","updated_at":"2020-01-29T21:27:31.934Z","has_issues":true}},"sponsorable":true,"topics":["javascript","css","demo","layout","smooth-scrolling"],"type":"Public","help_wanted_issues_count":0,"good_first_issue_issues_count":0,"starred_by_current_user":false},{"id":"98995800","archived":false,"color":"#e34c26","followers":308,"has_funding_file":false,"hl_name":"codrops/MenuHoverEffects","hl_trunc_description":"Some inspiration for menu hover effects.","language":"HTML","mirror":false,"owned_by_organization":true,"public":true,"repo":{"repository":{"id":98995800,"name":"MenuHoverEffects","owner_id":310036,"owner_login":"codrops","updated_at":"2020-09-30T19:49:27.339Z","has_issues":true}},"sponsorable":true,"topics":["javascript","css","hover","animation-effects","animejs"],"type":"Public","help_wanted_issues_count":0,"good_first_issue_issues_count":0,"starred_by_current_user":false},{"id":"196183302","archived":false,"color":"#f1e05a","followers":286,"has_funding_file":false,"hl_name":"codrops/SmoothScrollAnimations","hl_trunc_description":"Demo of a tutorial on how to add smooth page scrolling with an inner image animation","language":"JavaScript","mirror":false,"owned_by_organization":true,"public":true,"repo":{"repository":{"id":196183302,"name":"SmoothScrollAnimations","owner_id":310036,"owner_login":"codrops","updated_at":"2019-09-13T02:07:10.473Z","has_issues":true}},"sponsorable":true,"topics":["javascript","css","demo","tutorial","scrolling","smooth-scrolling"],"type":"Public","help_wanted_issues_count":0,"good_first_issue_issues_count":0,"starred_by_current_user":false},{"id":"121241849","archived":false,"color":"#e34c26","followers":230,"has_funding_file":false,"hl_name":"codrops/ScrollingLettersAnimation","hl_trunc_description":"A switching title effect where a fixed element changes depending on the scroll position. ","language":"HTML","mirror":false,"owned_by_organization":true,"public":true,"repo":{"repository":{"id":121241849,"name":"ScrollingLettersAnimation","owner_id":310036,"owner_login":"codrops","updated_at":"2018-02-12T12:05:14.645Z","has_issues":true}},"sponsorable":true,"topics":["javascript","css","animation","scrolling","typography","effect","intersection-observer"],"type":"Public","help_wanted_issues_count":0,"good_first_issue_issues_count":0,"starred_by_current_user":false},{"id":"271245717","archived":false,"color":"#f1e05a","followers":140,"has_funding_file":false,"hl_name":"codrops/ImageGridMotionEffect","hl_trunc_description":"A motion hover effect for a background grid of images.","language":"JavaScript","mirror":false,"owned_by_organization":true,"public":true,"repo":{"repository":{"id":271245717,"name":"ImageGridMotionEffect","owner_id":310036,"owner_login":"codrops","updated_at":"2021-08-23T09:12:59.922Z","has_issues":true}},"sponsorable":true,"topics":["javascript","css","layout","gsap","hover","webdesign"],"type":"Public","help_wanted_issues_count":0,"good_first_issue_issues_count":0,"starred_by_current_user":false},{"id":"259625123","archived":false,"color":"#e34c26","followers":137,"has_funding_file":false,"hl_name":"codrops/GooeyTextHoverEffect","hl_trunc_description":"A gooey text hover effect using SVG filters","language":"HTML","mirror":false,"owned_by_organization":true,"public":true,"repo":{"repository":{"id":259625123,"name":"GooeyTextHoverEffect","owner_id":310036,"owner_login":"codrops","updated_at":"2024-08-06T07:57:37.175Z","has_issues":true}},"sponsorable":true,"topics":["javascript","css","web-design","svg-filter"],"type":"Public","help_wanted_issues_count":0,"good_first_issue_issues_count":0,"starred_by_current_user":false},{"id":"124636625","archived":false,"color":"#563d7c","followers":111,"has_funding_file":false,"hl_name":"codrops/GlitchSlideshow","hl_trunc_description":"A slideshow that uses a CSS glitch effect for slide transitions.","language":"CSS","mirror":false,"owned_by_organization":true,"public":true,"repo":{"repository":{"id":124636625,"name":"GlitchSlideshow","owner_id":310036,"owner_login":"codrops","updated_at":"2018-03-10T08:26:09.062Z","has_issues":true}},"sponsorable":true,"topics":["javascript","css","slideshow"],"type":"Public","help_wanted_issues_count":0,"good_first_issue_issues_count":0,"starred_by_current_user":false},{"id":"288745997","archived":false,"color":"#f1e05a","followers":96,"has_funding_file":false,"hl_name":"codrops/ThumbFullTransition","hl_trunc_description":"An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.","language":"JavaScript","mirror":false,"owned_by_organization":true,"public":true,"repo":{"repository":{"id":288745997,"name":"ThumbFullTransition","owner_id":310036,"owner_login":"codrops","updated_at":"2020-11-11T09:00:05.336Z","has_issues":true}},"sponsorable":true,"topics":["css","animation","gsap"],"type":"Public","help_wanted_issues_count":0,"good_first_issue_issues_count":0,"starred_by_current_user":false},{"id":"191354095","archived":false,"color":"#e34c26","followers":90,"has_funding_file":false,"hl_name":"codrops/DraggableImageStrip","hl_trunc_description":"A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.","language":"HTML","mirror":false,"owned_by_organization":true,"public":true,"repo":{"repository":{"id":191354095,"name":"DraggableImageStrip","owner_id":310036,"owner_login":"codrops","updated_at":"2019-06-11T11:07:47.935Z","has_issues":true}},"sponsorable":true,"topics":["javascript","css","html-template","gsap","draggable","tweenmax"],"type":"Public","help_wanted_issues_count":0,"good_first_issue_issues_count":0,"starred_by_current_user":false},{"id":"423820732","archived":false,"color":"#563d7c","followers":83,"has_funding_file":false,"hl_name":"codrops/Theodore","hl_trunc_description":"A little menu effect with an SVG overlay and an infinite background CSS animation.","language":"CSS","mirror":false,"owned_by_organization":true,"public":true,"repo":{"repository":{"id":423820732,"name":"Theodore","owner_id":310036,"owner_login":"codrops","updated_at":"2021-11-02T13:36:48.800Z","has_issues":true}},"sponsorable":true,"topics":["css","template","front-end","animation"],"type":"Public","help_wanted_issues_count":0,"good_first_issue_issues_count":0,"starred_by_current_user":false}],"type":"repositories","page":1,"page_count":2,"elapsed_millis":174,"errors":[],"result_count":12,"facets":[{"kind":"FACET_KIND_LANGUAGE","entries":[{"name":"HTML","language_color":"#e34c26","query":"language:HTML"},{"name":"JavaScript","language_color":"#f1e05a","query":"language:JavaScript"},{"name":"CSS","language_color":"#563d7c","query":"language:CSS"}]}],"protected_org_logins":[],"topics":{"linked_topic_name":"css","curated_topic":{"id":"56","name":"css","flagged":false,"short_description":"Cascading Style Sheets (CSS) is a language used most often to style and improve upon the appearance of views.","display_name":"CSS","released":"December 17, 1996","wikipedia_url":"https://en.wikipedia.org/wiki/Cascading_Style_Sheets","url":"https://www.w3.org/Style/CSS/Overview.en.html","github_url":null,"logo_url":"https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/css/css.png","has_logo_url":true,"featured":true,"stargazer_count":103400,"applied_count":364889,"hl_display_name":null,"hl_short_description":null,"created_by":"Håkon Wium, Lie Bert Bos","curated":true,"aliases":["css3"],"related":[],"repository_count":null,"repository_count_over_max_fetch_limit":null,"starred_by_current_user":null,"highlights":{"description":null,"display_name":null,"name.ngram":null}}},"query_id":"","logged_in":false,"sign_up_path":"/signup?source=code_search_results","sign_in_path":"/login?return_to=https%3A%2F%2Fgithub.com%2Fsearch%3Fq%3Dtopic%253Acss%2Borg%253Acodrops%2Bfork%253Atrue%26type%3Drepositories","metadata":null,"warn_limited_results":false,"csrf_tokens":{"/codrops/SmoothScrollingImageEffects/star":{"post":"Fsu83v_N8qN-_F_BfwjwFWQtuo21AwE3dCZJrAlYpecPsJsEL-vIm-XLpddxz5ng31mRU8PP8dseEzTHIvKwSA"},"/codrops/SmoothScrollingImageEffects/unstar":{"post":"Jbwlh8BF_DLvNjjum64tqi4VUpjAH7d1rcJtYGsKPemMaIRYksa1sEiBl-ckivFQji2Nzc0ROrVcAjkt2PPv4A"},"/codrops/MenuHoverEffects/star":{"post":"UqzD-mI_Gw_exQdTympNwSpteHzxWBiFYycBfW3jciVPmHMEiD-Tlcbcb37xIpm_acGp1XY30tkYLlJIMpDoBA"},"/codrops/MenuHoverEffects/unstar":{"post":"uQ2YWlYl7mB2et5XkKdo78oFz5tsQ7PBHEoeK5DIQgix0b7VOFN89n0J3yx6txNRxU8grxEH0D2ERIdYL2atXQ"},"/codrops/SmoothScrollAnimations/star":{"post":"1gsN-6wYQQTH80stpcqF27lOXr4ePlc8HCSAxqx2kyIHZvVwqg2e52L46ojSXgipa5IQQCUu6nAJLB9gXZ4uGA"},"/codrops/SmoothScrollAnimations/unstar":{"post":"nf6TOvXdNyAr3pVCGQ-pqEaU-6E1kM2lBmOdT3WkueylxwAAP32YAjKJ9KxEhrccHQkhT9K27TTnxFIUdwyaRg"},"/codrops/ScrollingLettersAnimation/star":{"post":"nDoL2MxMN6apxkoQgjAE0JWH4qcGoC0X4P1-p1EhSnagrhooQHQRcnTbswgt6mRbHd56cGisX-EQUTTlaQ6hMA"},"/codrops/ScrollingLettersAnimation/unstar":{"post":"7tvv6Jbux__bgscCwpb_O-Dbmh0MlCc6SQ4kUeo5ZMpCrigafwgNmnIILcCK_8oHOKMmIcChiMwTZc6n2KD9SQ"},"/codrops/ImageGridMotionEffect/star":{"post":"YtspXKt9SamvIF4t4pe6Unf9V4lUxTHC0paYozeqRhF0OyrcqbhpPOV41O_UkLQbgZC6q6gWt5-ZJowCogoJAQ"},"/codrops/ImageGridMotionEffect/unstar":{"post":"0fE173dHQ-ugmYxNnF3KFUnXfBgXEVEDUbHByDw9prmnt8xQgskhXvj-NB97E-i3gHRwot1UMF3VFDD6UYIbow"},"/codrops/GooeyTextHoverEffect/star":{"post":"TytKQNhmDWilL2isjXazXU86mM_gTYeU4s3RtB97MQPKk7tZVU50FU09v3j9UDeP8vOvgusPWbskjpZ77AQSGQ"},"/codrops/GooeyTextHoverEffect/unstar":{"post":"iYQNX-kSKPZclAJQrFGy1M2jv7WDSMud2GkRyQAwLRiKrOAEwyH9fe3m59LAGEpJqh0sYlvbDakT8nVoalcVaQ"},"/codrops/GlitchSlideshow/star":{"post":"DaA3nz87DB8TeBlc5Jmu99-ykOcgutWfUTk8PTouAeE1JExX9oWobEwWH0Ltq8GhLkVipRgh3M-ZJPFcAzfBsg"},"/codrops/GlitchSlideshow/unstar":{"post":"ZcCYIyRP9Dq2h_BXElTQQegy3e1et--ZRflgZT58KEiKOFBSMjUctC1qJ_szhk1i7lWWOnJX7fJnkauji_1wOA"},"/codrops/ThumbFullTransition/star":{"post":"AOBdeVQm3BjDBCbtUdwG4VMUUAYm4hrniFQLP2RtVdalkOOdw5BgVqMTaWvRHniZBYcFzLQv5SmBnMIgZmbu7w"},"/codrops/ThumbFullTransition/unstar":{"post":"f6pAOzFnHEOPpTzkSAyp4x-8gKw4PF5qOiz8zFTP8qsRrszoPNCkylgzrmaycc85bJqBGAJHIoZSPn3UIumPwA"},"/codrops/DraggableImageStrip/star":{"post":"ephYmMS3aXl1XhcHeTwFQArmiKJ_DU_3k2xIDij2quHgE2-gMZUHor6xFFT8JCSO9QceXj4-iBJ3xUOFx8b7_g"},"/codrops/DraggableImageStrip/unstar":{"post":"RGbQ3Aq8_ve7QXvwtObGzjDjMPqvxGX7BSZZxX2d_rLK3oUlZ8lZ_N3mM9bdNv8x4Cnl7-xr4FdqECAZs-JiMQ"},"/codrops/Theodore/star":{"post":"G62_RQXttK1Sc7wi6I9yl1m5MyrT8x65ElXxw93im6Nb8xQvm5RCViGiZTiizCMJQwKwQd2MdBEZiWh9-53nbA"},"/codrops/Theodore/unstar":{"post":"vRcFNqACw7dwqyCExWKNKKj1EsVChvDG-wKpBKxUTsMCeDd5LSrQIcLYH-KN3Dy8QFbJybZHOV_tJaeMSrCePQ"},"/sponsors/batch_deferred_sponsor_buttons":{"post":"5LVTl6hU1YAvSIjT5agmwatQ899jfhx97I9TbREEGm4M4KxMsi0mxP9eswoNPBl3DY5NTxN-5PY6LvrGr9tsZA"}}},"title":"Repository search results"}