{"pages":{"search":{"query":"Codegrid","originalQuery":"Codegrid","serpid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","parentReqid":"","serpItems":[{"id":"1891446668232748770-0-0","type":"videoSnippet","props":{"videoId":"1891446668232748770"},"curPage":0},{"id":"9329338660318843503-0-1","type":"videoSnippet","props":{"videoId":"9329338660318843503"},"curPage":0},{"id":"1845633899480147606-0-2","type":"videoSnippet","props":{"videoId":"1845633899480147606"},"curPage":0},{"id":"3727979947628309816-0-3","type":"videoSnippet","props":{"videoId":"3727979947628309816"},"curPage":0},{"id":"R-I-113683-5-0-4","type":"direct","props":{"isPornoQuery":false,"query":"Codegrid","text":"Codegrid","expFlags":{"video_direct_config_desktop_search":"search:R-I-48058-720:R-I-474674-108","video_direct_render_in_viewport":1,"video_direct_viewport_margin_desktop":700},"pageType":"search","directConfig":{"search":{"id":"R-I-48058-720","pornoId":"R-I-474674-108"}},"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","yandexuid":"5875173141725964334","uuid":null,"platform":"desktop","placement":"search","position":4,"nonce":"7420498449875173147167","fastRender":false,"originalDirectId":"R-I-113683-5","shouldUseContentVisibility":false},"curPage":0},{"id":"13064131660390592509-0-5","type":"videoSnippet","props":{"videoId":"13064131660390592509"},"curPage":0},{"id":"8440122599142450-0-6","type":"videoSnippet","props":{"videoId":"8440122599142450"},"curPage":0},{"id":"9084938510986708423-0-7","type":"videoSnippet","props":{"videoId":"9084938510986708423"},"curPage":0},{"id":"11300360496727253020-0-8","type":"videoSnippet","props":{"videoId":"11300360496727253020"},"curPage":0},{"id":"8346236623459278708-0-9","type":"videoSnippet","props":{"videoId":"8346236623459278708"},"curPage":0},{"id":"4065471861532801611-0-10","type":"videoSnippet","props":{"videoId":"4065471861532801611"},"curPage":0},{"id":"R-I-113683-5-0-11","type":"direct","props":{"isPornoQuery":false,"query":"Codegrid","text":"Codegrid","expFlags":{"video_direct_config_desktop_search":"search:R-I-48058-720:R-I-474674-108","video_direct_render_in_viewport":1,"video_direct_viewport_margin_desktop":700},"pageType":"search","directConfig":{"search":{"id":"R-I-48058-720","pornoId":"R-I-474674-108"}},"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","yandexuid":"5875173141725964334","uuid":null,"platform":"desktop","placement":"search","position":11,"nonce":"7420498449875173147167","fastRender":false,"originalDirectId":"R-I-113683-5","shouldUseContentVisibility":false},"curPage":0},{"id":"13755305772641307220-0-12","type":"videoSnippet","props":{"videoId":"13755305772641307220"},"curPage":0},{"id":"12362848738134214726-0-13","type":"videoSnippet","props":{"videoId":"12362848738134214726"},"curPage":0},{"id":"6157912822897050313-0-14","type":"videoSnippet","props":{"videoId":"6157912822897050313"},"curPage":0},{"id":"222666304283609658-0-15","type":"videoSnippet","props":{"videoId":"222666304283609658"},"curPage":0},{"id":"14006554173383848284-0-16","type":"videoSnippet","props":{"videoId":"14006554173383848284"},"curPage":0},{"id":"11172909420553034979-0-17","type":"videoSnippet","props":{"videoId":"11172909420553034979"},"curPage":0},{"id":"11401626483697525193-0-18","type":"videoSnippet","props":{"videoId":"11401626483697525193"},"curPage":0},{"id":"13622834309046840531-0-19","type":"videoSnippet","props":{"videoId":"13622834309046840531"},"curPage":0}],"filters":{},"serpFooter":{"linksGroups":[{"type":"geo","links":[{"label":"Columbus","title":"Columbus","url":"//yandex.com.tr/tune/geo/","logNode":{"name":"region"},"target":"_self","a11yLabel":"Bölgeniz Columbus","needRetpath":true}]},{"type":"help","links":[{"label":"Bize ulaşın","url":"https://yandex.com.tr/support/video/troubleshooting.html","logNode":{"name":"feedback"},"needRetpath":true},{"label":"Yardım","url":"https://yandex.com.tr/support/video/","logNode":{"name":"help"},"needRetpath":true}]},{"type":"settings","links":[{"label":"Ayarlar","url":"https://yandex.com.tr/tune/search/","target":"_self","logNode":{"name":"settings"},"needRetpath":true}]},{"type":"company","links":[{"label":"Şirket hakkında","url":"//yandex.com.tr/company/","logNode":{"name":"about"},"target":"_blank"},{"label":"Kullanım lisansı","url":"//yandex.com.tr/legal/termsofuse/","logNode":{"name":"license"},"target":"_blank"},{"label":"Gizlilik Politikası","url":"//yandex.com.tr/legal/confidential/","logNode":{"name":"confidential"},"target":"_blank"}],"a11yHidden":true}],"hasExtralinks":true},"currentPage":0,"prevPageToLoad":-1,"nextPageToLoad":1,"isTranslationsFilterEnabled":false,"isTranslationsDistributionEnabled":false,"isTranslationsDistributionOnboardingEnabled":false,"isFeedbackModalVisible":false,"correction":{"items":[{"kind":"misspell","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Code%20grid","params":{"channelId":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","how":"tm","text":"Code grid"},"query":"Code grid","helpUrl":"https://yandex.com.tr/support/search/info/request-correction.xml","helpTarget":"_blank","helpAriaLabel":"Yazım hatası düzeltme servisi"}],"id":"334481868859"},"viewerData":{"ctx":{"retpath":"https://twitter.yandex.com.tr/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","isAdsDisabled":false,"query":"Codegrid","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","signedReqid":"d85c1b436e6cbaf812462254dddd7ffa","videoServiceUrl":"https://twitter.yandex.com.tr/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","numdocs":392,"videoSearchUrl":"https://twitter.yandex.com.tr/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","isPornoQuery":false,"quasarData":{"type":"QuasarAuth","retpath":"https://twitter.yandex.com.tr/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","counters":{"popupShow":{"path":"auth.show.quasar"},"popupClose":{"path":"auth.close.quasar"},"loginShow":{"path":"auth.login.show.quasar"},"loginClick":{"path":"auth.login.click.quasar"},"registrationShow":{"path":"auth.registration.show.quasar"},"registrationClick":{"path":"auth.registration.click.quasar"}}},"cookie":{"yp":"undefined"},"reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"191768,223386,238743,246500,257621,253288,265553,270072,277807,274239,294077,278842,299121,313103,331010,338398,378416,359879,415420,644350,652605,645301,679708,689693,690449,696466,696473,722746,740796,769020,776165,777765,771230,781521,790415,801982,851450,878348,886706,883477,900639,931367,937268,969063,935488,945314,989988,982463,991363,990185,1015567,1011895,1035320,1033956,1035241,1036046,1068593,1087297,1089355,1060131,1076329,1099741,1103590,1095365,1071879,1091885,1108150,1104559,1103887,187288,120693,1099818,1","yandexuid":"5875173141725964334","uid":"0","queryText":"Codegrid","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL"}}},"organicSnippets":{"0":[{"clear_description":"Learn how to create dynamic filter animations with smooth mouse interactions using HTML, CSS, JavaScript and GSAP! Source Code: https://codegrid.gumroad.com/l/codegr... Inspiration ▸ Element...","description":"Learn how to create dynamic filter animations with smooth mouse interactions using HTML, CSS, JavaScript and GSAP! Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr... Inspiration ▸ Element...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"Fluid Filter Transitions with Mouse Movement (JavaScript)","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=kDlA8LKsKJ4\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhUKEzE4OTE0NDY2NjgyMzI3NDg3NzBaEzE4OTE0NDY2NjgyMzI3NDg3NzBqrgMSATAYACJFGjEACipoaHFvZW1zbGdkaWVraXdiaGhVQzdwVmhvNE8zMUZ5ZlFzWmRYV2VqRXcSAgASKhDCDw8aDz8T4AWCBCQBgAQrKosBEAEaeIH3Bff8_gIA6wj-AgEBAAAc9v0G9gICAOwO_f37_wAA_wsDAAABAAADBO0ABgAAAPn2C_P8_gAAD_sJBAQAAAAI__75_QAAAAwO7wL_AAAA_PgC_wL_AAATBAH9_wAAAPcMEfv_AAAAAv379gAAAAAHAvINAAAAACAALVog2Ds4E0AJSE5QAipzEAAaYCcUADgK5e7I-h7o_OT5E-_2-enZ8BD_-PAAySX25gjD28UQBP_2_BMIvwAAAC4H5QgFAAFUAusF__LkH8zg9hcmfzIMJfYQ5-CxyC_k_SPQHfXcCAD-9QgH_cfvTfUeBSAALTblSTs4E0AJSG9QAipTEAEaQAYc-ZwdHTrrAvY09AP4G7ksqAX2-g38FgIkCcM29foH4ONk8jgIFRbXBxQLBxfzCs2_7OL1LNtPBeiB5zLe2NsgAC0zUEU7OBNAD0hxUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=kDlA8LKsKJ4","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":false,"docid":"36-5-0-ZFC3750929BBC3C62","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"1891446668232748770","duration":736,"origin":"http://www.youtube.com/watch?v=kDlA8LKsKJ4","title":{"url":"https://twitter.yandex.com.tr/video/preview/1891446668232748770?how=tm&text=Codegrid","text":"Fluid Filter Transitions with Mouse Movement (JavaScript)"},"clear_title":"Fluid Filter Transitions with Mouse Movement (JavaScript)","green":{"url":"http://www.youtube.com/watch?v=kDlA8LKsKJ4","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FkDlA8LKsKJ4%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/kDlA8LKsKJ4?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=kDlA8LKsKJ4","detailUrl":"https://twitter.yandex.com.tr/video/preview/1891446668232748770?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=kDlA8LKsKJ4","providerName":"YouTube","url":"http://www.youtube.com/watch?v=kDlA8LKsKJ4","thumb":{"online":false,"duration":"12:16","image":"//avatars.mds.yandex.net/get-video_thumb_fresh/2104182/f3e15af9b0f449962a1d3dd43baf6f830908/564x318_1"},"views":1835,"time":"2024-09-08T16:08:42.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"1891446668232748770","duration":736,"origin":"http://www.youtube.com/watch?v=kDlA8LKsKJ4","title":{"url":"https://twitter.yandex.com.tr/video/preview/1891446668232748770?how=tm&text=Codegrid","text":"Fluid Filter Transitions with Mouse Movement (JavaScript)"},"clear_title":"Fluid Filter Transitions with Mouse Movement (JavaScript)","green":{"url":"http://www.youtube.com/watch?v=kDlA8LKsKJ4","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FkDlA8LKsKJ4%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/kDlA8LKsKJ4?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=kDlA8LKsKJ4","detailUrl":"https://twitter.yandex.com.tr/video/preview/1891446668232748770?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=kDlA8LKsKJ4","providerName":"YouTube","url":"http://www.youtube.com/watch?v=kDlA8LKsKJ4","thumb":{"online":false,"duration":"12:16","image":"//avatars.mds.yandex.net/get-video_thumb_fresh/2104182/f3e15af9b0f449962a1d3dd43baf6f830908/564x318_1"},"views":1835,"time":"2024-09-08T16:08:42.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Learn how to create a stunning landing page animation using HTML, CSS, JavaScript, and GSAP! Source Code: https://codegrid.gumroad.com/l/codegr... Original Site: https://zajno.com/ Instagram...","description":"Learn how to create a stunning landing page animation using HTML, CSS, JavaScript, and GSAP! Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr... Original Site: https://zajno.com/ Instagram...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"GSAP Barely Broke a Sweat for THIS Landing Page Reveal Animation","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=UbVK4bCwZuk\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhUKEzkzMjkzMzg2NjAzMTg4NDM1MDNaEzkzMjkzMzg2NjAzMTg4NDM1MDNqrgMSATAYACJFGjEACipoaHFvZW1zbGdkaWVraXdiaGhVQzdwVmhvNE8zMUZ5ZlFzWmRYV2VqRXcSAgASKhDCDw8aDz8TjQWCBCQBgAQrKosBEAEaeIEC7gcGAf8ABPQRBPsJ_AL5A_8B-f39AOIF_QEA_AIADAED9_kAAADo9A8CAQAAAP4J7wL3_gAADQL4EAIAAAAIAAQE_AAAAP4G_gr_AQAA8gINCAMAAAD-D_8D_wAAAPQKA_oCAAAA9voK_wAAAAD88vzuAAAAACAALY-z0zs4E0AJSE5QAipzEAAaYBsPACkICfb0-gTn-f7rEQcL6dXx_wkAGN8ADRX--xME8tn37wAP9g4N1QAAAA0O6hP2APU1COPyDAEQ6N3ZAhEMf_IQI-kj9QrL5hTtCwgGAf8CGQAB8xL1DvL8MQsNFCAALcIejTs4E0AJSG9QAipTEAEaQA0I76z_DRX1A_oG7ivmHLkFzfgE9Q8B-wEc9dAp9f8B59g8-SISFgTyDy4j9Bf8Ff313OEnHukW9PyBDiYD4QEgAC1ELH87OBNAD0hxUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=UbVK4bCwZuk","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":false,"docid":"36-1-0-ZBC01A94BE2E6B324","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"9329338660318843503","duration":653,"origin":"http://www.youtube.com/watch?v=UbVK4bCwZuk","title":{"url":"https://twitter.yandex.com.tr/video/preview/9329338660318843503?how=tm&text=Codegrid","text":"GSAP Barely Broke a Sweat for THIS Landing Page Reveal Animation"},"clear_title":"GSAP Barely Broke a Sweat for THIS Landing Page Reveal Animation","green":{"url":"http://www.youtube.com/watch?v=UbVK4bCwZuk","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FUbVK4bCwZuk%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/UbVK4bCwZuk?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=UbVK4bCwZuk","detailUrl":"https://twitter.yandex.com.tr/video/preview/9329338660318843503?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=UbVK4bCwZuk","providerName":"YouTube","url":"http://www.youtube.com/watch?v=UbVK4bCwZuk","thumb":{"online":false,"duration":"10:53","image":"//avatars.mds.yandex.net/get-video_thumb_fresh/907943/ff465306166fd87d9fb8bc42ad218f5a0904/564x318_1"},"views":5766,"time":"2024-09-04T15:36:34.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"9329338660318843503","duration":653,"origin":"http://www.youtube.com/watch?v=UbVK4bCwZuk","title":{"url":"https://twitter.yandex.com.tr/video/preview/9329338660318843503?how=tm&text=Codegrid","text":"GSAP Barely Broke a Sweat for THIS Landing Page Reveal Animation"},"clear_title":"GSAP Barely Broke a Sweat for THIS Landing Page Reveal Animation","green":{"url":"http://www.youtube.com/watch?v=UbVK4bCwZuk","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FUbVK4bCwZuk%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/UbVK4bCwZuk?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=UbVK4bCwZuk","detailUrl":"https://twitter.yandex.com.tr/video/preview/9329338660318843503?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=UbVK4bCwZuk","providerName":"YouTube","url":"http://www.youtube.com/watch?v=UbVK4bCwZuk","thumb":{"online":false,"duration":"10:53","image":"//avatars.mds.yandex.net/get-video_thumb_fresh/907943/ff465306166fd87d9fb8bc42ad218f5a0904/564x318_1"},"views":5766,"time":"2024-09-04T15:36:34.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Learn how to create stunning scroll animations in Next.js using GSAP and ScrollTrigger. We’ll focus on a smooth content reveal with cards that will elevate your web experience! Source Code...","description":"Learn how to create stunning scroll animations in Next.js using GSAP and ScrollTrigger. We’ll focus on a smooth content reveal with cards that will elevate your web experience! Source \u0007[Code\u0007]...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"Next JS Scroll Animation That Wows (A GSAP & ScrollTrigger Tutorial)","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=Tyt2Sq1UMAY\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhUKEzE4NDU2MzM4OTk0ODAxNDc2MDZaEzE4NDU2MzM4OTk0ODAxNDc2MDZqrgMSATAYACJFGjEACipoaHFvZW1zbGdkaWVraXdiaGhVQzdwVmhvNE8zMUZ5ZlFzWmRYV2VqRXcSAgASKhDCDw8aDz8T6QWCBCQBgAQrKosBEAEaeIH3_vwA_gMA-hb_BvkG_gL4DAD6-f39AOQEA_X-_AIABAkFAPgBAAAI9fD9BQAAAOwG_PwCAQAA__8H-QQAAAAE-QUA_gAAABAIBQL-AQAA7wEG_wMAAAAE9hL4AAAAAAsEAQX8_wAABvn__QAAAAD0-wf8_wAAACAALQBT2zs4E0AJSE5QAipzEAAaYDEJAFpIB-3t8B7u6OvGDwvCKNvyHhn_AgwAO_8F6RT9870hVQAQ6Qf6sAAAAPMe3hEtAPNg07Hw_-Pv6dqzAg8YfyT7KCYGJejYA2cQJeAO4jAnJwAFAu4HCv3sR00XEiAALdydKjs4E0AJSG9QAipTEAEaQPv-96cM-B71BQ0A5xj1GMsO2wYA8wMA9gUW_dEl8QL87-Ax_B0PLQr2_wwp_BL5HAH11_cZLPAK9Q-BDSQJ5AEgAC1xI4k7OBNAD0hxUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=Tyt2Sq1UMAY","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-10-2-ZC89CF4D754C7FAEA","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"1845633899480147606","duration":745,"origin":"http://www.youtube.com/watch?v=Tyt2Sq1UMAY","title":{"url":"https://twitter.yandex.com.tr/video/preview/1845633899480147606?how=tm&text=Codegrid","text":"Next JS Scroll Animation That Wows (A GSAP & ScrollTrigger Tutorial)"},"clear_title":"Next JS Scroll Animation That Wows (A GSAP & ScrollTrigger Tutorial)","green":{"url":"http://www.youtube.com/watch?v=Tyt2Sq1UMAY","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FTyt2Sq1UMAY%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/Tyt2Sq1UMAY?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=Tyt2Sq1UMAY","detailUrl":"https://twitter.yandex.com.tr/video/preview/1845633899480147606?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=Tyt2Sq1UMAY","providerName":"YouTube","url":"http://www.youtube.com/watch?v=Tyt2Sq1UMAY","thumb":{"online":false,"duration":"12:25","image":"//avatars.mds.yandex.net/get-vthumb/4507725/d0bb558355a73856f9906148c296a8ae/564x318_1"},"views":381,"time":"2024-09-01T16:18:20.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"1845633899480147606","duration":745,"origin":"http://www.youtube.com/watch?v=Tyt2Sq1UMAY","title":{"url":"https://twitter.yandex.com.tr/video/preview/1845633899480147606?how=tm&text=Codegrid","text":"Next JS Scroll Animation That Wows (A GSAP & ScrollTrigger Tutorial)"},"clear_title":"Next JS Scroll Animation That Wows (A GSAP & ScrollTrigger Tutorial)","green":{"url":"http://www.youtube.com/watch?v=Tyt2Sq1UMAY","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FTyt2Sq1UMAY%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/Tyt2Sq1UMAY?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=Tyt2Sq1UMAY","detailUrl":"https://twitter.yandex.com.tr/video/preview/1845633899480147606?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=Tyt2Sq1UMAY","providerName":"YouTube","url":"http://www.youtube.com/watch?v=Tyt2Sq1UMAY","thumb":{"online":false,"duration":"12:25","image":"//avatars.mds.yandex.net/get-vthumb/4507725/d0bb558355a73856f9906148c296a8ae/564x318_1"},"views":381,"time":"2024-09-01T16:18:20.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Learn how HTML, CSS, and JavaScript with GSAP can create stunning landing page animations! Source Code: https://codegrid.gumroad.com/l/codegr...","description":"Learn how HTML, CSS, and JavaScript with GSAP can create stunning landing page animations! Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"JavaScript Flexes Again, This Landing Page Didn’t Need WebGL","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=VrE8iYSk3cI\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhUKEzM3Mjc5Nzk5NDc2MjgzMDk4MTZaEzM3Mjc5Nzk5NDc2MjgzMDk4MTZqrgMSATAYACJFGjEACipoaHFvZW1zbGdkaWVraXdiaGhVQzdwVmhvNE8zMUZ5ZlFzWmRYV2VqRXcSAgASKhDCDw8aDz8T3wWCBCQBgAQrKosBEAEaeIEI9_oKAf8A-AcFCAAG_QL79v0G-v39AOT2BgII_QIA9fcD__cAAAD99PUJBgAAAO8A-P_wAAEA9_sKCAMAAAAa9vUI_QAAAPQD_Qf_AQAA8e0K_QIAAAAAAwIB_wAAAPkFEgb-AAAA-Qr5_wAAAAAI8vkCAAAAACAALQd81Ds4E0AJSE5QAipzEAAaYA0PACQEAeDbDhTgDAPtCvoC4NLaABn_CtIA9STf6Anh4tT89_8T7QwTxAAAACIw6Cj0ABRJChDz7w7o89m-7UsUf-oAC-k6BfvKxfXsDe7w-AkhCQDwCggHBt0WPwj4CSAALc8dXDs4E0AJSG9QAipTEAEaQAgI6qgeBgICBQ8H6DH3BrIB0gf6-Aj-8f8e-9Ep8vYE2eNF8BoMKAL-_g8iARD6JRLr5fYZN-0R_QGBGy8L5AkgAC2eaHo7OBNAD0hxUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=VrE8iYSk3cI","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-0-8-ZA5CD2370F044180A","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"3727979947628309816","duration":735,"origin":"http://www.youtube.com/watch?v=VrE8iYSk3cI","title":{"url":"https://twitter.yandex.com.tr/video/preview/3727979947628309816?how=tm&text=Codegrid","text":"JavaScript Flexes Again, This Landing Page Didn’t Need WebGL"},"clear_title":"JavaScript Flexes Again, This Landing Page Didn’t Need WebGL","green":{"url":"http://www.youtube.com/watch?v=VrE8iYSk3cI","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FVrE8iYSk3cI%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/VrE8iYSk3cI?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=VrE8iYSk3cI","detailUrl":"https://twitter.yandex.com.tr/video/preview/3727979947628309816?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=VrE8iYSk3cI","providerName":"YouTube","url":"http://www.youtube.com/watch?v=VrE8iYSk3cI","thumb":{"online":false,"duration":"12:15","image":"//avatars.mds.yandex.net/get-vthumb/3817259/002440c81e1454fb77d4cf2f1517757f/564x318_1"},"views":410,"time":"2024-08-28T16:14:03.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"3727979947628309816","duration":735,"origin":"http://www.youtube.com/watch?v=VrE8iYSk3cI","title":{"url":"https://twitter.yandex.com.tr/video/preview/3727979947628309816?how=tm&text=Codegrid","text":"JavaScript Flexes Again, This Landing Page Didn’t Need WebGL"},"clear_title":"JavaScript Flexes Again, This Landing Page Didn’t Need WebGL","green":{"url":"http://www.youtube.com/watch?v=VrE8iYSk3cI","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FVrE8iYSk3cI%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/VrE8iYSk3cI?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=VrE8iYSk3cI","detailUrl":"https://twitter.yandex.com.tr/video/preview/3727979947628309816?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=VrE8iYSk3cI","providerName":"YouTube","url":"http://www.youtube.com/watch?v=VrE8iYSk3cI","thumb":{"online":false,"duration":"12:15","image":"//avatars.mds.yandex.net/get-vthumb/3817259/002440c81e1454fb77d4cf2f1517757f/564x318_1"},"views":410,"time":"2024-08-28T16:14:03.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"type":"video_direct","groudId":"4","directId":"R-I-113683-5","isFake":true},{"clear_description":"Learn how to craft a mesmerizing pixelated text hover effect using HTML, CSS, and shaders with Three.js, elevating your web design with stunning visual impact. Source Code...","description":"Learn how to craft a mesmerizing pixelated text hover effect using HTML, CSS, and shaders with Three.js, elevating your web design with stunning visual impact. Source \u0007[Code\u0007]...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"Shaders Made This Text Hover Effect Unbelievably Pixelated","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=x5QfgkexM9I\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhYKFDEzMDY0MTMxNjYwMzkwNTkyNTA5WhQxMzA2NDEzMTY2MDM5MDU5MjUwOWquAxIBMBgAIkUaMQAKKmhocW9lbXNsZ2RpZWtpd2JoaFVDN3BWaG80TzMxRnlmUXNaZFhXZWpFdxICABIqEMIPDxoPPxPVBoIEJAGABCsqiwEQARp4gfMN-v38BQDtBwED-QIAAQb1APr5_v4A8wEGCQMC_wD99gYDAgAAAAj9CP4DAAAA-RD-Cv7_AAAGBf37-wAAABL5Av_3AAAADAH5Agj_AQH4AfwBA_8AAP0I-fj_AAAA9gEC-_gA_wH7AQ3wAAAAAAUJ7gIAAAAAIAAtU2bdOzgTQAlITlACKnMQABpgTA4ASw3myAcxHfIV4NolGNLs_sYN8P8uvQDx88TiLszj1SYMAD_WDO6oAAAAGtIGAw8A9msN6Br1CAIhspjoGDp_9_oB-VFTAf7vNtP8DSnnDkMLAJ_7-ScjFSbpJhjXIAAtqi8gOzgTQAlIb1ACKlMQARpA-w3xmSsMHwgEDPzxHPAWyhDJB_z0Cf76_h3-yyzv-v_t6TT9JxMs_vEEDi8BGfgfC-bV7x805hfwD4EVMAHeBCAALfiqczs4E0APSHFQAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=x5QfgkexM9I","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-2-1-Z7332D37582F8D118","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"13064131660390592509","duration":853,"origin":"http://www.youtube.com/watch?v=x5QfgkexM9I","title":{"url":"https://twitter.yandex.com.tr/video/preview/13064131660390592509?how=tm&text=Codegrid","text":"Shaders Made This Text Hover Effect Unbelievably Pixelated"},"clear_title":"Shaders Made This Text Hover Effect Unbelievably Pixelated","green":{"url":"http://www.youtube.com/watch?v=x5QfgkexM9I","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2Fx5QfgkexM9I%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/x5QfgkexM9I?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=x5QfgkexM9I","detailUrl":"https://twitter.yandex.com.tr/video/preview/13064131660390592509?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=x5QfgkexM9I","providerName":"YouTube","url":"http://www.youtube.com/watch?v=x5QfgkexM9I","thumb":{"online":false,"duration":"14:13","image":"//avatars.mds.yandex.net/get-vthumb/906813/abbce37e63e540a9fc9af7e0480b00e1/564x318_1"},"views":385,"time":"2024-08-25T15:50:11.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"13064131660390592509","duration":853,"origin":"http://www.youtube.com/watch?v=x5QfgkexM9I","title":{"url":"https://twitter.yandex.com.tr/video/preview/13064131660390592509?how=tm&text=Codegrid","text":"Shaders Made This Text Hover Effect Unbelievably Pixelated"},"clear_title":"Shaders Made This Text Hover Effect Unbelievably Pixelated","green":{"url":"http://www.youtube.com/watch?v=x5QfgkexM9I","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2Fx5QfgkexM9I%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/x5QfgkexM9I?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=x5QfgkexM9I","detailUrl":"https://twitter.yandex.com.tr/video/preview/13064131660390592509?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=x5QfgkexM9I","providerName":"YouTube","url":"http://www.youtube.com/watch?v=x5QfgkexM9I","thumb":{"online":false,"duration":"14:13","image":"//avatars.mds.yandex.net/get-vthumb/906813/abbce37e63e540a9fc9af7e0480b00e1/564x318_1"},"views":385,"time":"2024-08-25T15:50:11.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Learn how to create a stunning 3D video slider in Next.js with dynamic imports, custom CSS, and smooth GSAP animations. Perfect for portfolios or media sites! Source Code...","description":"Learn how to create a stunning 3D video slider in Next.js with dynamic imports, custom CSS, and smooth GSAP animations. Perfect for portfolios or media sites! Source \u0007[Code\u0007]...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"Next.js 3D Video Slider That Feels Effortlessly Cool","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=GAxXHtbGygY\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhIKEDg0NDAxMjI1OTkxNDI0NTBaEDg0NDAxMjI1OTkxNDI0NTBqrgMSATAYACJFGjEACipoaHFvZW1zbGdkaWVraXdiaGhVQzdwVmhvNE8zMUZ5ZlFzWmRYV2VqRXcSAgASKhDCDw8aDz8T5gWCBCQBgAQrKosBEAEaeIH2-gL-AQAAAwsLDgIL-gIMAPv69gAAAOgHAQ39_wEA9_wKCwkAAADw8Pr3AwAAAPb--wj0_wEAFwIPBQQAAAAA9_wBAQAAAP4CBAYJAQAA6vUMCAMAAAAGEgEA_wAAAPIL__76_wAA9fsGCQAAAAAMA_sKAAAAACAALa0-0Ts4E0AJSE5QAipzEAAaYCEIABYTCer0FgwA_gL8GPr4BOjW8g8AF-cA-Q_n8RcF8_UQFwAD7P8E1AAAAA0u_BEeAPAx8_kRA_vhCNvMBxsZfwH6DBca8gz62Ajw9RnvBRErBgDb_gj9_PH9FgoG9iAALWUMjzs4E0AJSG9QAipTEAEaQPT98ZwN_zL_BPQO7CH2AsYLzBH78woCAAEb-80r9wP48uMz_REHSQzv9gI0BAn6GBjh4gQbLecHBA6BLC8K4_cgAC0Hp3U7OBNAD0hxUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=GAxXHtbGygY","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-6-6-ZDCACFB2486D9B79F","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"8440122599142450","duration":742,"origin":"http://www.youtube.com/watch?v=GAxXHtbGygY","title":{"url":"https://twitter.yandex.com.tr/video/preview/8440122599142450?how=tm&text=Codegrid","text":"Next.js 3D Video Slider That Feels Effortlessly Cool"},"clear_title":"Next.js 3D Video Slider That Feels Effortlessly Cool","green":{"url":"http://www.youtube.com/watch?v=GAxXHtbGygY","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FGAxXHtbGygY%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/GAxXHtbGygY?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=GAxXHtbGygY","detailUrl":"https://twitter.yandex.com.tr/video/preview/8440122599142450?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=GAxXHtbGygY","providerName":"YouTube","url":"http://www.youtube.com/watch?v=GAxXHtbGygY","thumb":{"online":false,"duration":"12:22","image":"//avatars.mds.yandex.net/get-vthumb/1841219/30a5f06d56ba35cb4cadcd566985f2ef/564x318_1"},"views":1611,"time":"2024-08-21T15:58:41.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"8440122599142450","duration":742,"origin":"http://www.youtube.com/watch?v=GAxXHtbGygY","title":{"url":"https://twitter.yandex.com.tr/video/preview/8440122599142450?how=tm&text=Codegrid","text":"Next.js 3D Video Slider That Feels Effortlessly Cool"},"clear_title":"Next.js 3D Video Slider That Feels Effortlessly Cool","green":{"url":"http://www.youtube.com/watch?v=GAxXHtbGygY","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FGAxXHtbGygY%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/GAxXHtbGygY?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=GAxXHtbGygY","detailUrl":"https://twitter.yandex.com.tr/video/preview/8440122599142450?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=GAxXHtbGygY","providerName":"YouTube","url":"http://www.youtube.com/watch?v=GAxXHtbGygY","thumb":{"online":false,"duration":"12:22","image":"//avatars.mds.yandex.net/get-vthumb/1841219/30a5f06d56ba35cb4cadcd566985f2ef/564x318_1"},"views":1611,"time":"2024-08-21T15:58:41.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Learn how to create a smooth liquid distortion hover effect using HTML, CSS, WebGL, and shaders with the OGL library. This tutorial breaks down the steps to achieve a visually stunning effect for...","description":"Learn how to create a smooth liquid distortion hover effect using HTML, CSS, WebGL, and shaders with the OGL library. This tutorial breaks down the steps to achieve a visually stunning effect for...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"The OG Liquid Distortion Image Hover You’ve Always Dreamed Of","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=LPzx_QnqC68\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhUKEzkwODQ5Mzg1MTA5ODY3MDg0MjNaEzkwODQ5Mzg1MTA5ODY3MDg0MjNqrgMSATAYACJFGjEACipoaHFvZW1zbGdkaWVraXdiaGhVQzdwVmhvNE8zMUZ5ZlFzWmRYV2VqRXcSAgASKhDCDw8aDz8ThwmCBCQBgAQrKosBEAEaeIEI_AQM_gIA6w4FBgEC_wD0DgML-f39AOUGBwL3_AIA8vv2-v8AAAD1Cvz5BAAAAPn8A_8D_gAACPz1_fgAAAASAxEA_gAAABL5_hH-AQAA-fj-BgP_AAALA-4BAAAAAAUABgn7_wAA9f399wAAAAAICfsDAAAAACAALS1p2js4E0AJSE5QAipzEAAaYA4FADAJDOb-GCQE7wvyHf_7G_7b7vf_GeMA8Sry3g0E1NMO8gAQ8_f_wwAAADcP-Rv2AAZAFeHeFO8U2-vH9wz0f9jzD-pAFQTS6yf7EP75CfsrKgD97Q7tDujzHB4OGiAALfxNazs4E0AJSG9QAipTEAEaQPzv3qgLCST9A-0J9BfxA9L_zwMA7w0E-vwYB9Qm8wcT39hDBCQHNPz2EAoi__f-HAji2_IeKuwG8haBARwV5Q0gAC0lxYI7OBNAD0hxUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=LPzx_QnqC68","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-9-13-Z77D158E5763D2C42","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"9084938510986708423","duration":1159,"origin":"http://www.youtube.com/watch?v=LPzx_QnqC68","title":{"url":"https://twitter.yandex.com.tr/video/preview/9084938510986708423?how=tm&text=Codegrid","text":"The OG Liquid Distortion Image Hover You’ve Always Dreamed Of"},"clear_title":"The OG Liquid Distortion Image Hover You’ve Always Dreamed Of","green":{"url":"http://www.youtube.com/watch?v=LPzx_QnqC68","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FLPzx_QnqC68%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/LPzx_QnqC68?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=LPzx_QnqC68","detailUrl":"https://twitter.yandex.com.tr/video/preview/9084938510986708423?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=LPzx_QnqC68","providerName":"YouTube","url":"http://www.youtube.com/watch?v=LPzx_QnqC68","thumb":{"online":false,"duration":"19:19","image":"//avatars.mds.yandex.net/get-vthumb/4752552/323d0c8bd74566d98818e986570be354/564x318_1"},"views":3504,"time":"2024-08-18T15:23:01.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"9084938510986708423","duration":1159,"origin":"http://www.youtube.com/watch?v=LPzx_QnqC68","title":{"url":"https://twitter.yandex.com.tr/video/preview/9084938510986708423?how=tm&text=Codegrid","text":"The OG Liquid Distortion Image Hover You’ve Always Dreamed Of"},"clear_title":"The OG Liquid Distortion Image Hover You’ve Always Dreamed Of","green":{"url":"http://www.youtube.com/watch?v=LPzx_QnqC68","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FLPzx_QnqC68%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/LPzx_QnqC68?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=LPzx_QnqC68","detailUrl":"https://twitter.yandex.com.tr/video/preview/9084938510986708423?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=LPzx_QnqC68","providerName":"YouTube","url":"http://www.youtube.com/watch?v=LPzx_QnqC68","thumb":{"online":false,"duration":"19:19","image":"//avatars.mds.yandex.net/get-vthumb/4752552/323d0c8bd74566d98818e986570be354/564x318_1"},"views":3504,"time":"2024-08-18T15:23:01.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Discover how to build a mesmerizing music player that has MotionPath SVG text animation using NextJS and GSAP! Source Code: https://codegrid.gumroad.com/l/codegr... Inspiration ▸ Godly Element...","description":"Discover how to build a mesmerizing music player that has MotionPath SVG text animation using NextJS and GSAP! Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr... Inspiration ▸ Godly Element...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"When Next.js Met GSAP","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=wWleTYX-ij8\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhYKFDExMzAwMzYwNDk2NzI3MjUzMDIwWhQxMTMwMDM2MDQ5NjcyNzI1MzAyMGquAxIBMBgAIkUaMQAKKmhocW9lbXNsZ2RpZWtpd2JoaFVDN3BWaG80TzMxRnlmUXNaZFhXZWpFdxICABIqEMIPDxoPPxOMBYIEJAGABCsqiwEQARp4ge_6AQD8BQD6CA38-wT_AQkI__j3AAAA9A339QMBAADtCQIF-wAAAPT9A_0GAAAA9_P-Cfj_AQAGAAz_BAAAAPv6AwP-AAAABwf_Av4BAAD58g0IA_8AAAcCBfj_AAAAAwYCBwAAAAAFB_7-AAAAAPvs_v8AAAAAIAAtfGXeOzgTQAlITlACKnMQABpgNw4ALh0rzNMf7fH03_f66tUwyMX84v8VEQAe-OTu9wkB4iFOAB3r8Ai0AAAAKxve_hcA6VTM7egL2_8G9cIFHjN_7-T5CPoIzvPkSfwVzRMEPU72ABHv-w7i8gQzPhgqIAAtDKw6OzgTQAlIb1ACKlMQARpACAINuQIBH-wDBvvtDfooxgnZCf7zBwv3_Rb61iH4AwEA2igUFQsPD-MPCxICDfcY__Hm-yMV_wgBAIEPFhTm_SAALfJtljs4E0APSHFQAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=wWleTYX-ij8","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-10-16-Z06A7BDDD6367901B","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"11300360496727253020","duration":652,"origin":"http://www.youtube.com/watch?v=wWleTYX-ij8","title":{"url":"https://twitter.yandex.com.tr/video/preview/11300360496727253020?how=tm&text=Codegrid","text":"When Next.js Met GSAP"},"clear_title":"When Next.js Met GSAP","green":{"url":"http://www.youtube.com/watch?v=wWleTYX-ij8","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FwWleTYX-ij8%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/wWleTYX-ij8?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=wWleTYX-ij8","detailUrl":"https://twitter.yandex.com.tr/video/preview/11300360496727253020?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=wWleTYX-ij8","providerName":"YouTube","url":"http://www.youtube.com/watch?v=wWleTYX-ij8","thumb":{"online":false,"duration":"10:52","image":"//avatars.mds.yandex.net/get-vthumb/4486558/dc5ceb22c5af076cec92a56109960f7e/564x318_1"},"views":1044,"time":"2024-08-14T15:35:06.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"11300360496727253020","duration":652,"origin":"http://www.youtube.com/watch?v=wWleTYX-ij8","title":{"url":"https://twitter.yandex.com.tr/video/preview/11300360496727253020?how=tm&text=Codegrid","text":"When Next.js Met GSAP"},"clear_title":"When Next.js Met GSAP","green":{"url":"http://www.youtube.com/watch?v=wWleTYX-ij8","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FwWleTYX-ij8%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/wWleTYX-ij8?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=wWleTYX-ij8","detailUrl":"https://twitter.yandex.com.tr/video/preview/11300360496727253020?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=wWleTYX-ij8","providerName":"YouTube","url":"http://www.youtube.com/watch?v=wWleTYX-ij8","thumb":{"online":false,"duration":"10:52","image":"//avatars.mds.yandex.net/get-vthumb/4486558/dc5ceb22c5af076cec92a56109960f7e/564x318_1"},"views":1044,"time":"2024-08-14T15:35:06.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Learn how to create stunning responsive interactive calendar cards using HTML, CSS, JavaScript, and GSAP in this step-by-step tutorial! Source Code: https://codegrid.gumroad.com/l/codegr...","description":"Learn how to create stunning responsive interactive calendar cards using HTML, CSS, JavaScript, and GSAP in this step-by-step tutorial! Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"Responsive Interactive Calendar Cards That Pop (When Tapped)","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=sw6BF0rpbWE\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhUKEzgzNDYyMzY2MjM0NTkyNzg3MDhaEzgzNDYyMzY2MjM0NTkyNzg3MDhqrgMSATAYACJFGjEACipoaHFvZW1zbGdkaWVraXdiaGhVQzdwVmhvNE8zMUZ5ZlFzWmRYV2VqRXcSAgASKhDCDw8aDz8T3AWCBCQBgAQrKosBEAEaeIHz_wML_QMABvMHAgQI_QILAPv69wAAAO4J8QAEAAAAFhf-AgH_AADxBgEBCQAAAPwJ_QAE_gAACw37AgUAAAAKAAf8_AAAAPsJ__kNAAEB8fv8AwMAAAAPAAj7_wAAAPYOAQMBAAAA9vz8CAAAAAD77P7_AAAAACAALUKx2zs4E0AJSE5QAipzEAAaYCMVADkCEfXe4x7rAezaCQ7jD-4BFx4AFugA7vHm9xH68MIJ9wDy-x77yAAAABQs8QjVAPxADO_O_AAoEd_VMv4UfwcLIf8ICvX9yyAB9hX09hQM5ADcAwHvE9b6KSUEDCAALZrLbTs4E0AJSG9QAipTEAEaQBHvA64lGSDzBfv58x0MJbX-3_r5-QkGAf0X_8so_Pf79L4x-A8JHPjuFQs5-RP7Jxz68QQiPuML-haBFiUY4fwgAC2PsHc7OBNAD0hxUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=sw6BF0rpbWE","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-0-12-Z6C6CA86310C8FC69","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"8346236623459278708","duration":732,"origin":"http://www.youtube.com/watch?v=sw6BF0rpbWE","title":{"url":"https://twitter.yandex.com.tr/video/preview/8346236623459278708?how=tm&text=Codegrid","text":"Responsive Interactive Calendar Cards That Pop (When Tapped)"},"clear_title":"Responsive Interactive Calendar Cards That Pop (When Tapped)","green":{"url":"http://www.youtube.com/watch?v=sw6BF0rpbWE","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2Fsw6BF0rpbWE%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/sw6BF0rpbWE?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=sw6BF0rpbWE","detailUrl":"https://twitter.yandex.com.tr/video/preview/8346236623459278708?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=sw6BF0rpbWE","providerName":"YouTube","url":"http://www.youtube.com/watch?v=sw6BF0rpbWE","thumb":{"online":false,"duration":"12:12","image":"//avatars.mds.yandex.net/get-vthumb/1549900/d30c2e175e3ec50c393e2ab18083d93b/564x318_1"},"views":2816,"time":"2024-08-11T15:54:22.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"8346236623459278708","duration":732,"origin":"http://www.youtube.com/watch?v=sw6BF0rpbWE","title":{"url":"https://twitter.yandex.com.tr/video/preview/8346236623459278708?how=tm&text=Codegrid","text":"Responsive Interactive Calendar Cards That Pop (When Tapped)"},"clear_title":"Responsive Interactive Calendar Cards That Pop (When Tapped)","green":{"url":"http://www.youtube.com/watch?v=sw6BF0rpbWE","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2Fsw6BF0rpbWE%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/sw6BF0rpbWE?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=sw6BF0rpbWE","detailUrl":"https://twitter.yandex.com.tr/video/preview/8346236623459278708?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=sw6BF0rpbWE","providerName":"YouTube","url":"http://www.youtube.com/watch?v=sw6BF0rpbWE","thumb":{"online":false,"duration":"12:12","image":"//avatars.mds.yandex.net/get-vthumb/1549900/d30c2e175e3ec50c393e2ab18083d93b/564x318_1"},"views":2816,"time":"2024-08-11T15:54:22.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Watch as we transform an image gallery with hypnotic, dynamic layout transitions using HTML, CSS, JavaScript & GSAP Flip! Source Code: https://codegrid.gumroad.com/l/codegr... Inspiration ▸...","description":"Watch as we transform an image gallery with hypnotic, dynamic layout transitions using HTML, CSS, JavaScript & GSAP Flip! Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr... Inspiration ▸...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"This Hypnotic Image Gallery Has Dynamic Layout Transitions","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=OFTiYCn8c1s\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhUKEzQwNjU0NzE4NjE1MzI4MDE2MTFaEzQwNjU0NzE4NjE1MzI4MDE2MTFqrgMSATAYACJFGjEACipoaHFvZW1zbGdkaWVraXdiaGhVQzdwVmhvNE8zMUZ5ZlFzWmRYV2VqRXcSAgASKhDCDw8aDz8TxQWCBCQBgAQrKosBEAEaeIHuBfwFAf8A-P75BA0F_QEAAw_0-P79APIA-A4FAv8A-_8IAwEAAADt9-37AwAAAP78C_3z_gEADA37AgUAAAAX-AAN-AAAAAYB_Qf_AQAA7gkR_AMAAQAOCQEFAAAAAPT__wb6_wAA9BH-_QEAAAAa-vj2AAAAACAALWoszzs4E0AJSE5QAipzEAAaYDIUAEHoALLGKwjiFPnVCwr-F87g_An_Gs3_-TLg4yAIAaUCFP8K5x_2qQAAADQW4BrMAAhpJ_7yHA_PO7Pk-T_kfwL9Dd00At-y2_ryHQn9ACMSAgDS0wP3-9rwa_hBESAALVC7KTs4E0AJSG9QAipTEAEaQPj44KchGhsTBQcE8gvpG8IHzwb-8Q_7-f0lBs8t7uv62e82AR0VNgwEFAot8QT3IAjm4OQFOuUN-g-BEi8B3AIgAC0tzXY7OBNAD0hxUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=OFTiYCn8c1s","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-2-15-Z1C561A39F1746A97","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"4065471861532801611","duration":709,"origin":"http://www.youtube.com/watch?v=OFTiYCn8c1s","title":{"url":"https://twitter.yandex.com.tr/video/preview/4065471861532801611?how=tm&text=Codegrid","text":"This Hypnotic Image Gallery Has Dynamic Layout Transitions"},"clear_title":"This Hypnotic Image Gallery Has Dynamic Layout Transitions","green":{"url":"http://www.youtube.com/watch?v=OFTiYCn8c1s","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FOFTiYCn8c1s%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/OFTiYCn8c1s?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=OFTiYCn8c1s","detailUrl":"https://twitter.yandex.com.tr/video/preview/4065471861532801611?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=OFTiYCn8c1s","providerName":"YouTube","url":"http://www.youtube.com/watch?v=OFTiYCn8c1s","thumb":{"online":false,"duration":"11:49","image":"//avatars.mds.yandex.net/get-vthumb/3683805/ec2a0bb293269c1042e059322af95729/564x318_1"},"views":4373,"time":"2024-08-04T15:29:31.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"4065471861532801611","duration":709,"origin":"http://www.youtube.com/watch?v=OFTiYCn8c1s","title":{"url":"https://twitter.yandex.com.tr/video/preview/4065471861532801611?how=tm&text=Codegrid","text":"This Hypnotic Image Gallery Has Dynamic Layout Transitions"},"clear_title":"This Hypnotic Image Gallery Has Dynamic Layout Transitions","green":{"url":"http://www.youtube.com/watch?v=OFTiYCn8c1s","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FOFTiYCn8c1s%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/OFTiYCn8c1s?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=OFTiYCn8c1s","detailUrl":"https://twitter.yandex.com.tr/video/preview/4065471861532801611?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=OFTiYCn8c1s","providerName":"YouTube","url":"http://www.youtube.com/watch?v=OFTiYCn8c1s","thumb":{"online":false,"duration":"11:49","image":"//avatars.mds.yandex.net/get-vthumb/3683805/ec2a0bb293269c1042e059322af95729/564x318_1"},"views":4373,"time":"2024-08-04T15:29:31.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"type":"video_direct","groudId":"11","directId":"R-I-113683-5","isFake":true},{"clear_description":"Learn how to create a smooth and relaxing infinite scroll animation using HTML, CSS, JavaScript, and GSAP! Source Code: https://codegrid.gumroad.com/l/codegr... Inspiration ▸ Awwwards Element...","description":"Learn how to create a smooth and relaxing infinite scroll animation using HTML, CSS, JavaScript, and GSAP! Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr... Inspiration ▸ Awwwards Element...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"You Won't Believe How Smooth This Infinite Text Scroll Animation Is","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=bxFC681f9ns\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhYKFDEzNzU1MzA1NzcyNjQxMzA3MjIwWhQxMzc1NTMwNTc3MjY0MTMwNzIyMGquAxIBMBgAIkUaMQAKKmhocW9lbXNsZ2RpZWtpd2JoaFVDN3BWaG80TzMxRnlmUXNaZFhXZWpFdxICABIqEMIPDxoPPxPSBIIEJAGABCsqiwEQARp4gfQI-wf9AwD0BAUB-QP_AfH8AAP7__8A6fv8_gT-AQAB-QD3-gEAAPL59v75AAAA_QYB-_r-AAADC_b_BAAAABL5Av_3AAAADwgFAv4BAAAB-_wPBP8AAPsEBgf_AAAAAAQD9_z_AAD1BfYEAAAAAAEEBv7_AAAAIAAtIz_cOzgTQAlITlACKnMQABpgEg4AShQK5e8HLeH-6ckQEfUT5uwY_P8K9gALA_zrAv3ZzBgZ_yvmCO_EAAAAFOwTEvwA41HS5fbnEQz0vsjoCBx___XoB_0v68cHLQghGir4Gg4mAAoS8Qv6EwVUMPgvIAAtrLZSOzgTQAlIb1ACKlMQARpA_P_wsQgNHvUDAgjmIusYvf7bDgLvDQP3_xMC0ybtAADW3kP_KwQl_Pf9_CD8CPohB-TpABAm7QnqC4ESIR_kECAALcXKhDs4E0APSHFQAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=bxFC681f9ns","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-6-16-Z62CD66EFA2225AD3","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"13755305772641307220","duration":594,"origin":"http://www.youtube.com/watch?v=bxFC681f9ns","title":{"url":"https://twitter.yandex.com.tr/video/preview/13755305772641307220?how=tm&text=Codegrid","text":"You Won't Believe How Smooth This Infinite Text Scroll Animation Is"},"clear_title":"You Won't Believe How Smooth This Infinite Text Scroll Animation Is","green":{"url":"http://www.youtube.com/watch?v=bxFC681f9ns","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FbxFC681f9ns%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/bxFC681f9ns?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=bxFC681f9ns","detailUrl":"https://twitter.yandex.com.tr/video/preview/13755305772641307220?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=bxFC681f9ns","providerName":"YouTube","url":"http://www.youtube.com/watch?v=bxFC681f9ns","thumb":{"online":false,"duration":"9:54","image":"//avatars.mds.yandex.net/get-vthumb/2356679/5094527d723023dacbc63f5c4245678b/564x318_1"},"views":4360,"time":"2024-07-31T16:07:48.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"13755305772641307220","duration":594,"origin":"http://www.youtube.com/watch?v=bxFC681f9ns","title":{"url":"https://twitter.yandex.com.tr/video/preview/13755305772641307220?how=tm&text=Codegrid","text":"You Won't Believe How Smooth This Infinite Text Scroll Animation Is"},"clear_title":"You Won't Believe How Smooth This Infinite Text Scroll Animation Is","green":{"url":"http://www.youtube.com/watch?v=bxFC681f9ns","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FbxFC681f9ns%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/bxFC681f9ns?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=bxFC681f9ns","detailUrl":"https://twitter.yandex.com.tr/video/preview/13755305772641307220?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=bxFC681f9ns","providerName":"YouTube","url":"http://www.youtube.com/watch?v=bxFC681f9ns","thumb":{"online":false,"duration":"9:54","image":"//avatars.mds.yandex.net/get-vthumb/2356679/5094527d723023dacbc63f5c4245678b/564x318_1"},"views":4360,"time":"2024-07-31T16:07:48.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Watch me upgrade Instagram Stories into a responsive carousel slider masterpiece using HTML, CSS, JavaScript and GSAP! Source Code: https://codegrid.gumroad.com/l/codegr... Inspiration ▸...","description":"Watch me upgrade Instagram Stories into a responsive carousel slider masterpiece using HTML, CSS, JavaScript and GSAP! Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr... Inspiration ▸...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"I Supercharged Instagram Stories With JavaScript & GSAP","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=P-DjZyLM53k\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhYKFDEyMzYyODQ4NzM4MTM0MjE0NzI2WhQxMjM2Mjg0ODczODEzNDIxNDcyNmquAxIBMBgAIkUaMQAKKmhocW9lbXNsZ2RpZWtpd2JoaFVDN3BWaG80TzMxRnlmUXNaZFhXZWpFdxICABIqEMIPDxoPPxPXB4IEJAGABCsqiwEQARp4gQgG-QwAAAABCwMG-Af9Avr6BPL6_fwA5BIIAQP9AgD8Efz6_AEAAPz3_fwJAAAA-hL_-vf-AQD7_gcI9wAAAA78_Ab7AAAA9QACEf8AAAD8-QEJ-QEAAA0VCgEAAAAABw3_APn_AAEEAQP8AAAAAAnvAv4AAQAAIAAtmUDVOzgTQAlITlACKnMQABpgFhgARP4OCKv8GdIA9dojB_0H9vwh-v8J0wDbJvfT_eDivAQKAPT59R7AAAAAIhroOhAA-1b61fjg6vQI1-IVFg5_2xQyrA4X8AsdIgD6KeoLCS77ANoD9vHf1A9EGOHnIAAtXs9GOzgTQAlIb1ACKlMQARpA5g8RiTIrIBEHBw7hC80yqR2-Ev7pEPj7-TzxuELu9-nf5ln9HBhBB88tJVH--_UV89vLAzVVzkno64E2PgPJAiAALRCBLjs4E0APSHFQAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=P-DjZyLM53k","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-6-10-Z812DFE527201EDB3","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"12362848738134214726","duration":983,"origin":"http://www.youtube.com/watch?v=P-DjZyLM53k","title":{"url":"https://twitter.yandex.com.tr/video/preview/12362848738134214726?how=tm&text=Codegrid","text":"I Supercharged Instagram Stories With JavaScript & GSAP"},"clear_title":"I Supercharged Instagram Stories With JavaScript & GSAP","green":{"url":"http://www.youtube.com/watch?v=P-DjZyLM53k","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FP-DjZyLM53k%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/P-DjZyLM53k?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=P-DjZyLM53k","detailUrl":"https://twitter.yandex.com.tr/video/preview/12362848738134214726?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=P-DjZyLM53k","providerName":"YouTube","url":"http://www.youtube.com/watch?v=P-DjZyLM53k","thumb":{"online":false,"duration":"16:23","image":"//avatars.mds.yandex.net/get-vthumb/941879/efd6da1f949e8155ee038afa7414477c/564x318_1"},"views":8456,"time":"2024-07-28T15:18:09.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"12362848738134214726","duration":983,"origin":"http://www.youtube.com/watch?v=P-DjZyLM53k","title":{"url":"https://twitter.yandex.com.tr/video/preview/12362848738134214726?how=tm&text=Codegrid","text":"I Supercharged Instagram Stories With JavaScript & GSAP"},"clear_title":"I Supercharged Instagram Stories With JavaScript & GSAP","green":{"url":"http://www.youtube.com/watch?v=P-DjZyLM53k","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FP-DjZyLM53k%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/P-DjZyLM53k?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=P-DjZyLM53k","detailUrl":"https://twitter.yandex.com.tr/video/preview/12362848738134214726?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=P-DjZyLM53k","providerName":"YouTube","url":"http://www.youtube.com/watch?v=P-DjZyLM53k","thumb":{"online":false,"duration":"16:23","image":"//avatars.mds.yandex.net/get-vthumb/941879/efd6da1f949e8155ee038afa7414477c/564x318_1"},"views":8456,"time":"2024-07-28T15:18:09.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Learn how to create an addictive image reveal animation using HTML, CSS, and JavaScript with ScrollTrigger in this tutorial! Source Code: https://codegrid.gumroad.com/l/codegr... Inspiration ▸...","description":"Learn how to create an addictive image reveal animation using HTML, CSS, and JavaScript with ScrollTrigger in this tutorial! Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr... Inspiration ▸...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"Make Scrolling Irresistible With This Image Reveal Animation","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=EDzJrYInOpY\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhUKEzYxNTc5MTI4MjI4OTcwNTAzMTNaEzYxNTc5MTI4MjI4OTcwNTAzMTNqrgMSATAYACJFGjEACipoaHFvZW1zbGdkaWVraXdiaGhVQzdwVmhvNE8zMUZ5ZlFzWmRYV2VqRXcSAgASKhDCDw8aDz8T1gSCBCQBgAQrKosBEAEaeIH-GP__AAAAA_kODgYL-QL_Bwn_-P7-AOr4-_MC_wEADfwGDAIAAADw8Pr3AwAAABAOCwX8_gEAEfv--AMAAAAM_QT6BwAAABEGAA3-AQAA_f4B_gYK_wEVBBMCAAAAAO0IAfP__wAA9wsJ_QAAAAAG9QD1AAAAACAALeFw0Ts4E0AJSE5QAipzEAAaYPwTACcJBvjsBDTs9BDGFhEJB-r_BiAAD80ACxX65BP869IG7v8PAAQAygAAAAX94REXAPVG7uXgAQP26brh-hUFf_AQGfYdDPHnBB_pIgEYDiYYOQAQ9QsR_gHjQSvtICAALcmQbDs4E0AJSG9QAipTEAEaQO4J5pgYKBwMBfsN3wvaJtILxwvz8xEC9fsj-cgz7u775gBNAhgELQzm_xUyBBT1Kx7i6vgQWNQL5AGBIi_h3BQgAC1QCFw7OBNAD0hxUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=EDzJrYInOpY","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-1-7-ZF4015F6D44D69435","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"6157912822897050313","duration":598,"origin":"http://www.youtube.com/watch?v=EDzJrYInOpY","title":{"url":"https://twitter.yandex.com.tr/video/preview/6157912822897050313?how=tm&text=Codegrid","text":"Make Scrolling Irresistible With This Image Reveal Animation"},"clear_title":"Make Scrolling Irresistible With This Image Reveal Animation","green":{"url":"http://www.youtube.com/watch?v=EDzJrYInOpY","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FEDzJrYInOpY%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/EDzJrYInOpY?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=EDzJrYInOpY","detailUrl":"https://twitter.yandex.com.tr/video/preview/6157912822897050313?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=EDzJrYInOpY","providerName":"YouTube","url":"http://www.youtube.com/watch?v=EDzJrYInOpY","thumb":{"online":false,"duration":"9:58","image":"//avatars.mds.yandex.net/get-vthumb/1344725/0501d9e35f1648c9012ebfc653e62b9e/564x318_1"},"views":6119,"time":"2024-07-24T17:04:12.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"6157912822897050313","duration":598,"origin":"http://www.youtube.com/watch?v=EDzJrYInOpY","title":{"url":"https://twitter.yandex.com.tr/video/preview/6157912822897050313?how=tm&text=Codegrid","text":"Make Scrolling Irresistible With This Image Reveal Animation"},"clear_title":"Make Scrolling Irresistible With This Image Reveal Animation","green":{"url":"http://www.youtube.com/watch?v=EDzJrYInOpY","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FEDzJrYInOpY%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/EDzJrYInOpY?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=EDzJrYInOpY","detailUrl":"https://twitter.yandex.com.tr/video/preview/6157912822897050313?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=EDzJrYInOpY","providerName":"YouTube","url":"http://www.youtube.com/watch?v=EDzJrYInOpY","thumb":{"online":false,"duration":"9:58","image":"//avatars.mds.yandex.net/get-vthumb/1344725/0501d9e35f1648c9012ebfc653e62b9e/564x318_1"},"views":6119,"time":"2024-07-24T17:04:12.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Learn how to create this award-winning GSAP slider using HTML, CSS, and JavaScript, step by step! Source Code: https://codegrid.gumroad.com/l/codegr... Inspiration ▸ Awwwards Element from...","description":"Learn how to create this award-winning GSAP slider using HTML, CSS, and JavaScript, step by step! Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr... Inspiration ▸ Awwwards Element from...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"The GSAP Slider That Beats All Others (Won Site Of The Month)","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=OECo7iDkwaE\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhQKEjIyMjY2NjMwNDI4MzYwOTY1OFoSMjIyNjY2MzA0MjgzNjA5NjU4aq4DEgEwGAAiRRoxAAoqaGhxb2Vtc2xnZGlla2l3YmhoVUM3cFZobzRPMzFGeWZRc1pkWFdlakV3EgIAEioQwg8PGg8_E5EGggQkAYAEKyqLARABGniB9_78AP4DAP0ACw74CfwCBAAAAvj__gD1CwMG_QL_APYB_AH1AAAA_f_8BvYAAAD1_AkL9P8BAAr2AAH6AAAACfUI_wUAAAAJ-gMD_wEAAO7z_QsD_wAACfcKAgAAAAACAQb__f8AAAD_-wwAAAAA_gf9B_8AAAAgAC0AU9s7OBNACUhOUAIqcxAAGmAiGABA8vsHzNk31Bjq0BYYE-Tu1N8R_ywHAM4a_AkdFPu-HyH_HQIY-7kAAAAKEAgs-gDbXRrJ5hYDDQi8EPYzGX_n9h8gONzgyb8bCgAc7-4GHC4A8Q_x8BfoAGAgJfMgAC3QoTs7OBNACUhvUAIqUxABGkAC_dacEgEd9AT9CuopAg25_c_8__EQ__UBFwXLKvcA_t7LSP4hCyf7AQ4JNPoH_SUT5dDwHkXmB_0UgREmHeEBIAAtfSNpOzgTQA9IcVACMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=OECo7iDkwaE","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-2-6-Z65189EDF48061D63","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"222666304283609658","duration":785,"origin":"http://www.youtube.com/watch?v=OECo7iDkwaE","title":{"url":"https://twitter.yandex.com.tr/video/preview/222666304283609658?how=tm&text=Codegrid","text":"The GSAP Slider That Beats All Others (Won Site Of The Month)"},"clear_title":"The GSAP Slider That Beats All Others (Won Site Of The Month)","green":{"url":"http://www.youtube.com/watch?v=OECo7iDkwaE","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FOECo7iDkwaE%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/OECo7iDkwaE?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=OECo7iDkwaE","detailUrl":"https://twitter.yandex.com.tr/video/preview/222666304283609658?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=OECo7iDkwaE","providerName":"YouTube","url":"http://www.youtube.com/watch?v=OECo7iDkwaE","thumb":{"online":false,"duration":"13:05","image":"//avatars.mds.yandex.net/get-vthumb/1781748/28e689bd68024db1a2e39d54b5aa84f0/564x318_1"},"views":7856,"time":"2024-07-21T16:09:02.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"222666304283609658","duration":785,"origin":"http://www.youtube.com/watch?v=OECo7iDkwaE","title":{"url":"https://twitter.yandex.com.tr/video/preview/222666304283609658?how=tm&text=Codegrid","text":"The GSAP Slider That Beats All Others (Won Site Of The Month)"},"clear_title":"The GSAP Slider That Beats All Others (Won Site Of The Month)","green":{"url":"http://www.youtube.com/watch?v=OECo7iDkwaE","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FOECo7iDkwaE%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/OECo7iDkwaE?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=OECo7iDkwaE","detailUrl":"https://twitter.yandex.com.tr/video/preview/222666304283609658?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=OECo7iDkwaE","providerName":"YouTube","url":"http://www.youtube.com/watch?v=OECo7iDkwaE","thumb":{"online":false,"duration":"13:05","image":"//avatars.mds.yandex.net/get-vthumb/1781748/28e689bd68024db1a2e39d54b5aa84f0/564x318_1"},"views":7856,"time":"2024-07-21T16:09:02.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Learn to create stunning scroll animations with HTML, CSS, JavaScript, ScrollTrigger and GSAP in this step-by-step tutorial. Source Code: https://codegrid.gumroad.com/l/codegr... Inspiration ▸...","description":"Learn to create stunning scroll animations with HTML, CSS, JavaScript, ScrollTrigger and GSAP in this step-by-step tutorial. Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr... Inspiration ▸...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"Mind-Bending Scroll Animations With GSAP & ScrollTrigger","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=1iVRHjreOUI\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhYKFDE0MDA2NTU0MTczMzgzODQ4Mjg0WhQxNDAwNjU1NDE3MzM4Mzg0ODI4NGquAxIBMBgAIkUaMQAKKmhocW9lbXNsZ2RpZWtpd2JoaFVDN3BWaG80TzMxRnlmUXNaZFhXZWpFdxICABIqEMIPDxoPPxOtBIIEJAGABCsqiwEQARp4gfQI-wf9AwD4AQAK9wb-AgINBvT4__8A5QLx9wP8AgD9AwD59wEAAAH8-P__AAAA_An9AAT-AAAG-wL2-QAAAAIFBvz4AAAAEwEI_f4BAAD1_gMEAwAAAAT2EvgAAAAA-gv4Av4AAAAG-AwLAAAAAPz4BvYAAAAAIAAtIz_cOzgTQAlITlACKnMQABpgPAwARyAGANL5MOXK58Q3KNIa4SoYJP_89_9_D97gIgDtpzYyABre-gafAAAA8B22Fj8A-n7XuAQgEN7khcLuJwh6HQwlHkEr5LsSXCE3HhTqOwwPABXs4wgQ7blLaRcoIAAtukMNOzgTQAlIb1ACKlMQARpA-P70mRMIJfoEBf_vEfoiyBLNAvr3CAL5ABsAyyvz9f7r5CgAHRQoB-EMDi_-GfYeBvHZ8iwu6BvxCYEOKQHeAyAALSHZezs4E0APSHFQAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=1iVRHjreOUI","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-8-12-Z6A31C64BCD3FF3FB","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"14006554173383848284","duration":557,"origin":"http://www.youtube.com/watch?v=1iVRHjreOUI","title":{"url":"https://twitter.yandex.com.tr/video/preview/14006554173383848284?how=tm&text=Codegrid","text":"Mind-Bending Scroll Animations With GSAP & ScrollTrigger"},"clear_title":"Mind-Bending Scroll Animations With GSAP & ScrollTrigger","green":{"url":"http://www.youtube.com/watch?v=1iVRHjreOUI","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2F1iVRHjreOUI%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/1iVRHjreOUI?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=1iVRHjreOUI","detailUrl":"https://twitter.yandex.com.tr/video/preview/14006554173383848284?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=1iVRHjreOUI","providerName":"YouTube","url":"http://www.youtube.com/watch?v=1iVRHjreOUI","thumb":{"online":false,"duration":"9:17","image":"//avatars.mds.yandex.net/get-vthumb/4323790/089f6cf6ff25787bc4708f9bd4f46b16/564x318_1"},"views":4415,"time":"2024-07-17T19:27:27.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"14006554173383848284","duration":557,"origin":"http://www.youtube.com/watch?v=1iVRHjreOUI","title":{"url":"https://twitter.yandex.com.tr/video/preview/14006554173383848284?how=tm&text=Codegrid","text":"Mind-Bending Scroll Animations With GSAP & ScrollTrigger"},"clear_title":"Mind-Bending Scroll Animations With GSAP & ScrollTrigger","green":{"url":"http://www.youtube.com/watch?v=1iVRHjreOUI","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2F1iVRHjreOUI%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/1iVRHjreOUI?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=1iVRHjreOUI","detailUrl":"https://twitter.yandex.com.tr/video/preview/14006554173383848284?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=1iVRHjreOUI","providerName":"YouTube","url":"http://www.youtube.com/watch?v=1iVRHjreOUI","thumb":{"online":false,"duration":"9:17","image":"//avatars.mds.yandex.net/get-vthumb/4323790/089f6cf6ff25787bc4708f9bd4f46b16/564x318_1"},"views":4415,"time":"2024-07-17T19:27:27.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Learn how to create an ultra-smooth image slider with a parallax effect using HTML, CSS, and JavaScript! Source Code: https://codegrid.gumroad.com/l/codegr... Instagram: / codegridweb Twitter...","description":"Learn how to create an ultra-smooth image slider with a parallax effect using HTML, CSS, and JavaScript! Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr... Instagram: / codegridweb Twitter...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"Build An Image Slider So Smooth With JavaScript, It Should Be Illegal","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=L7B8P8FM6GA\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhYKFDExMTcyOTA5NDIwNTUzMDM0OTc5WhQxMTE3MjkwOTQyMDU1MzAzNDk3OWquAxIBMBgAIkUaMQAKKmhocW9lbXNsZ2RpZWtpd2JoaFVDN3BWaG80TzMxRnlmUXNaZFhXZWpFdxICABIqEMIPDxoPPxPYA4IEJAGABCsqiwEQARp4gfz_CAEAAQD0CQ8JBQb8AQb1APr4_v4A8QEC_P4BAAAJ__r4_wEAAAHs__4HAAAA8A_2_PUAAAAS_-8HAgAAABMDEgD-AAAABQH7Ev8BAAD2__wNBP8AAPwMAg0AAAAA8gv__vr_AAD9AfTxAQAAAAz1AAUAAAAAIAAtSsTUOzgTQAlITlACKnMQABpgGhYAKf_898_7MugX6QJE8Q_09rbpIv8n5QDJJ_DfBufwoBj7_-EO-fuyAAAAIiHzORUA-GAW3fsI6_kZyLnrLfJ_HRcP7jLz170LH-0AKMITIwUxAOrcBt4KygM-JyXyIAAt7io1OzgTQAlIb1ACKlMQARpAA_nutgf-KPoC_u7pI9oYvv7LCvz1BwT4Axr90yjz_gnk1TABEBooB_kODiIEAvoZA-bW-B0o9RD4_YETIRPi-yAALYkNhTs4E0APSHFQAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=L7B8P8FM6GA","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-1-9-ZB6CDB6D00CC656B8","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"11172909420553034979","duration":472,"origin":"http://www.youtube.com/watch?v=L7B8P8FM6GA","title":{"url":"https://twitter.yandex.com.tr/video/preview/11172909420553034979?how=tm&text=Codegrid","text":"Build An Image Slider So Smooth With JavaScript, It Should Be Illegal"},"clear_title":"Build An Image Slider So Smooth With JavaScript, It Should Be Illegal","green":{"url":"http://www.youtube.com/watch?v=L7B8P8FM6GA","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FL7B8P8FM6GA%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/L7B8P8FM6GA?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=L7B8P8FM6GA","detailUrl":"https://twitter.yandex.com.tr/video/preview/11172909420553034979?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=L7B8P8FM6GA","providerName":"YouTube","url":"http://www.youtube.com/watch?v=L7B8P8FM6GA","thumb":{"online":false,"duration":"7:52","image":"//avatars.mds.yandex.net/get-vthumb/1016494/c7cecf4f910b34308ee4a0119bb541f9/564x318_1"},"views":5797,"time":"2024-07-14T00:00:00.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"11172909420553034979","duration":472,"origin":"http://www.youtube.com/watch?v=L7B8P8FM6GA","title":{"url":"https://twitter.yandex.com.tr/video/preview/11172909420553034979?how=tm&text=Codegrid","text":"Build An Image Slider So Smooth With JavaScript, It Should Be Illegal"},"clear_title":"Build An Image Slider So Smooth With JavaScript, It Should Be Illegal","green":{"url":"http://www.youtube.com/watch?v=L7B8P8FM6GA","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FL7B8P8FM6GA%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/L7B8P8FM6GA?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=L7B8P8FM6GA","detailUrl":"https://twitter.yandex.com.tr/video/preview/11172909420553034979?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=L7B8P8FM6GA","providerName":"YouTube","url":"http://www.youtube.com/watch?v=L7B8P8FM6GA","thumb":{"online":false,"duration":"7:52","image":"//avatars.mds.yandex.net/get-vthumb/1016494/c7cecf4f910b34308ee4a0119bb541f9/564x318_1"},"views":5797,"time":"2024-07-14T00:00:00.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Create a stunning interactive responsive fullscreen menu for your website with HTML, CSS, JavaScript, and GSAP in this step-by-step tutorial! Source Code: https://codegrid.gumroad.com/l/codegr...","description":"Create a stunning interactive responsive fullscreen menu for your website with HTML, CSS, JavaScript, and GSAP in this step-by-step tutorial! Source \u0007[Code\u0007]: https://\u0007[codegrid\u0007].gumroad.com/l/codegr...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"Interactive Responsive Fullscreen Menu You Shouldn't Miss (GSAP)","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=rfYf3UiO6w4\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhYKFDExNDAxNjI2NDgzNjk3NTI1MTkzWhQxMTQwMTYyNjQ4MzY5NzUyNTE5M2quAxIBMBgAIkUaMQAKKmhocW9lbXNsZ2RpZWtpd2JoaFVDN3BWaG80TzMxRnlmUXNaZFhXZWpFdxICABIqEMIPDxoPPxPSBIIEJAGABCsqiwEQARp4gfwR-Aj_AgDyARAE-gT_Afv2_Qb6_f0A5BIIAQP9AgAECQUA-AEAAPX2AAYGAAAA7fn_8_YAAAALAQD_7AD_ABMEBgUFAAAA-AIFBv8BAAD8-_LyAQAAAA0BCgUAAAAA_AgBAfz_AAD-CAMLAAAAAP_vBwEAAAAAIAAttZPWOzgTQAlITlACKnMQABpgHxkAHAcLA9PfNOXl68kEA-YJ3dsDCAAf5wD_EdTuEej61hoHAOrvBwPJAAAAIAr4B-0ABEPy4-QWAwoUyd8VGPV__fYD5v8R2-TxEOYPLd8nAwL-APwEFAv15Apc8fwXIAAtLSZoOzgTQAlIb1ACKlMQARpA-Qr3lx0PLf4E_wb3F-sRygjGBf3wEAD6-x4Ayyzu_gLZ3U39IhEuA_0P_zT-BfsfEejQ7i035Bv5BIEQKxrf8yAALTpNaTs4E0APSHFQAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=rfYf3UiO6w4","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-11-11-Z27309CE85AB65477","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"11401626483697525193","duration":594,"origin":"http://www.youtube.com/watch?v=rfYf3UiO6w4","title":{"url":"https://twitter.yandex.com.tr/video/preview/11401626483697525193?how=tm&text=Codegrid","text":"Interactive Responsive Fullscreen Menu You Shouldn't Miss (GSAP)"},"clear_title":"Interactive Responsive Fullscreen Menu You Shouldn't Miss (GSAP)","green":{"url":"http://www.youtube.com/watch?v=rfYf3UiO6w4","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FrfYf3UiO6w4%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/rfYf3UiO6w4?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=rfYf3UiO6w4","detailUrl":"https://twitter.yandex.com.tr/video/preview/11401626483697525193?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=rfYf3UiO6w4","providerName":"YouTube","url":"http://www.youtube.com/watch?v=rfYf3UiO6w4","thumb":{"online":false,"duration":"9:54","image":"//avatars.mds.yandex.net/get-vthumb/4580954/4f640a0b067af4a3efd9aa917faf027a/564x318_1"},"views":5402,"time":"2024-07-10T16:02:09.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"11401626483697525193","duration":594,"origin":"http://www.youtube.com/watch?v=rfYf3UiO6w4","title":{"url":"https://twitter.yandex.com.tr/video/preview/11401626483697525193?how=tm&text=Codegrid","text":"Interactive Responsive Fullscreen Menu You Shouldn't Miss (GSAP)"},"clear_title":"Interactive Responsive Fullscreen Menu You Shouldn't Miss (GSAP)","green":{"url":"http://www.youtube.com/watch?v=rfYf3UiO6w4","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FrfYf3UiO6w4%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/rfYf3UiO6w4?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=rfYf3UiO6w4","detailUrl":"https://twitter.yandex.com.tr/video/preview/11401626483697525193?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=rfYf3UiO6w4","providerName":"YouTube","url":"http://www.youtube.com/watch?v=rfYf3UiO6w4","thumb":{"online":false,"duration":"9:54","image":"//avatars.mds.yandex.net/get-vthumb/4580954/4f640a0b067af4a3efd9aa917faf027a/564x318_1"},"views":5402,"time":"2024-07-10T16:02:09.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}},{"clear_description":"Learn how to create stunning scroll-triggered marquee text animations with dynamic font effects using HTML, CSS, JavaScript, GSAP and ScrollTrigger! Source Code...","description":"Learn how to create stunning scroll-triggered marquee text animations with dynamic font effects using HTML, CSS, JavaScript, GSAP and ScrollTrigger! Source \u0007[Code\u0007]...","videoWidth":1280,"videoHeight":720,"isPorno":false,"online":false,"extra":{"related":{"text":"Watch Text Come Alive With Scroll-Triggered Animation (ScrollTrigger)","related_orig_text":"Codegrid","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codegrid\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=E6xWVltGjgU\",\"src\":\"serp\",\"rvb\":\"EqoDChMxODkxNDQ2NjY4MjMyNzQ4NzcwChM5MzI5MzM4NjYwMzE4ODQzNTAzChMxODQ1NjMzODk5NDgwMTQ3NjA2ChMzNzI3OTc5OTQ3NjI4MzA5ODE2ChQxMzA2NDEzMTY2MDM5MDU5MjUwOQoQODQ0MDEyMjU5OTE0MjQ1MAoTOTA4NDkzODUxMDk4NjcwODQyMwoUMTEzMDAzNjA0OTY3MjcyNTMwMjAKEzgzNDYyMzY2MjM0NTkyNzg3MDgKEzQwNjU0NzE4NjE1MzI4MDE2MTEKFDEzNzU1MzA1NzcyNjQxMzA3MjIwChQxMjM2Mjg0ODczODEzNDIxNDcyNgoTNjE1NzkxMjgyMjg5NzA1MDMxMwoSMjIyNjY2MzA0MjgzNjA5NjU4ChQxNDAwNjU1NDE3MzM4Mzg0ODI4NAoUMTExNzI5MDk0MjA1NTMwMzQ5NzkKFDExNDAxNjI2NDgzNjk3NTI1MTkzChQxMzYyMjgzNDMwOTA0Njg0MDUzMQoUMTA5MzY0MzIyMDQ3MTA1MDk2MzQKFDE3Mzg1MjAyNDA0NjY2NzYyNDM4GhYKFDEzNjIyODM0MzA5MDQ2ODQwNTMxWhQxMzYyMjgzNDMwOTA0Njg0MDUzMWquAxIBMBgAIkUaMQAKKmhocW9lbXNsZ2RpZWtpd2JoaFVDN3BWaG80TzMxRnlmUXNaZFhXZWpFdxICABIqEMIPDxoPPxOIBIIEJAGABCsqiwEQARp4gQAQ-vv9BAABCwMG-Af9AvUD_Pj5_f0A6fv8_gT-AQD9-Q3_-AAAAP368fcEAAAA7Ab8_AIBAAAG-wL2-QAAAAIFBvz4AAAAE_39_P4BAAD19wcCAwAAAAjuBP__AAAABAfzAQAAAAAH-_wGAAAAAPv-DP7_AAAAIAAtk3nbOzgTQAlITlACKnMQABpgHBIAKyUU-e8JQe7T7t8gKecY5v8EFP8SAQA4CvzYH_3dvSoeAAnsCvK-AAAAAxPcEjcAA1Py2fH2-AIJj9HtIAx_3QsDERsh8OsDMBgeFxDtORwBAAgH9AgOE-NOKAUdIAAteZlFOzgTQAlIb1ACKlMQARpA8AD1nikRHfoEDAroGeYlxxDJB_z0Bf75BR77xy_w-ADw8kD8KRMr_vECCzH9DfYlGO_Z9B8s6B3kHoEcLvnbEiAALc1tbTs4E0APSHFQAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=E6xWVltGjgU","parent-reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","related_vfp":1,"relatedVideo":"yes"}},"isPartner":false,"isOld":true,"docid":"34-9-9-Z62F0186C00F7FC7E","isVertical":false,"hasTranscription":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","dups":[{"nonStopSupported":true,"filmId":"13622834309046840531","duration":520,"origin":"http://www.youtube.com/watch?v=E6xWVltGjgU","title":{"url":"https://twitter.yandex.com.tr/video/preview/13622834309046840531?how=tm&text=Codegrid","text":"Watch Text Come Alive With Scroll-Triggered Animation (ScrollTrigger)"},"clear_title":"Watch Text Come Alive With Scroll-Triggered Animation (ScrollTrigger)","green":{"url":"http://www.youtube.com/watch?v=E6xWVltGjgU","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FE6xWVltGjgU%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/E6xWVltGjgU?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=E6xWVltGjgU","detailUrl":"https://twitter.yandex.com.tr/video/preview/13622834309046840531?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=E6xWVltGjgU","providerName":"YouTube","url":"http://www.youtube.com/watch?v=E6xWVltGjgU","thumb":{"online":false,"duration":"8:40","image":"//avatars.mds.yandex.net/get-vthumb/3842731/7124f032e3866e2129d584ef07a783f5/564x318_1"},"views":7089,"time":"2024-07-07T15:31:54.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}],"isTitleTranslated":false,"shouldUseMediaInstreamConfig":false,"contentTypeId":null,"nonStopSupported":true,"filmId":"13622834309046840531","duration":520,"origin":"http://www.youtube.com/watch?v=E6xWVltGjgU","title":{"url":"https://twitter.yandex.com.tr/video/preview/13622834309046840531?how=tm&text=Codegrid","text":"Watch Text Come Alive With Scroll-Triggered Animation (ScrollTrigger)"},"clear_title":"Watch Text Come Alive With Scroll-Triggered Animation (ScrollTrigger)","green":{"url":"http://www.youtube.com/watch?v=E6xWVltGjgU","text":"YouTube","hostname":"youtube.com"},"player":{"baseUrl":"//yastatic.net/video-player/0x4add4491140/pages-common/youtube/youtube.html","hash":"html=%3Ciframe%20src%3D%22%2F%2Fwww.youtube.com%2Fembed%2FE6xWVltGjgU%3Fenablejsapi%3D1%26amp%3Bwmode%3Dopaque%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20allowfullscreen%3D%221%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20accelerometer%3B%20gyroscope%3B%20picture-in-picture%22%20aria-label%3D%22Video%22%3E%3C%2Fiframe%3E&smart_ap=1"},"playerId":"youtube","isQuasar":true,"playerUri":"\u003ciframe src=\"//www.youtube.com/embed/E6xWVltGjgU?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","isExternal":false,"visibleURL":"http://www.youtube.com/watch?v=E6xWVltGjgU","detailUrl":"https://twitter.yandex.com.tr/video/preview/13622834309046840531?how=tm&text=Codegrid","clipHost":"www.youtube.com","clipHref":"http://www.youtube.com/watch?v=E6xWVltGjgU","providerName":"YouTube","url":"http://www.youtube.com/watch?v=E6xWVltGjgU","thumb":{"online":false,"duration":"8:40","image":"//avatars.mds.yandex.net/get-vthumb/3842731/7124f032e3866e2129d584ef07a783f5/564x318_1"},"views":7089,"time":"2024-07-07T15:31:54.000Z","faviconHost":"http://youtube.com","isAvod":false,"canBuySubscription":false,"rknWarning":false,"hasTranslation":true,"channel":{"id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","verified":true,"interactive":true}}]},"page":0},"prevention":{},"hasNextPage":true,"rightSerpItems":[{"type":"direct","id":"search-list-right","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"R-I-8843654-1","renderTo":"search-list-right-0-R-I-8843654-1","pageNumber":0,"grab":"dENvZGVncmlkCg==","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","ui":"desktop","yuid":"5875173141725964334"}}},"isAdult":false,"position":0,"placement":"search-list-right"},"curPage":0}],"quasarData":{"title":""},"isAdultQuery":false,"errorList":[],"layout":"list"},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]}},"feed":{"_isInitial":true,"snippets":[],"nextPageLoadStatus":"initial","paginationRequest":"","shouldRemountPrevPlayer":false}},"internal":{"nonce":"7420498449875173147167","expFlags":{"video_instream_player_yaru_loader":1,"video_skeleton_doc_update":1,"velocity_delay_drawer":1,"video_instream_disable_hosts":"dzen.ru,ok.ru,vk.com,video.mail.ru","video_search_toggle_with_text":1,"video_single_vh_unmute":1,"video_update_d2d_after_clickout":1,"video_adv_serp_list_right":1,"velocity_disable_suspense":1,"dark_theme_desktop":"cookie","video_instream_player_config":{"vmapScenarioId":8,"category":1,"impId":6,"partnerId":2216089,"title":"Watch Text Come Alive With Scroll-Triggered Animation (ScrollTrigger)"},"video_font_yandex_sans":1,"video_resource_loader":1,"video_skeleton_direct_under_player_update":1,"video_vh_player_js":0,"video_dzc":1,"video_masthead_ratio":"180,4","video_searchdata_scheme":1,"video_single_vh_iframe":1,"velocity_delay_metrika":1,"video_partner_label":1,"video_direct_render_in_viewport":1,"velocity_video_track_css_cache_hit":1,"video_skeleton_instream_update":1,"video_resource_loader_load_timeout":6000,"video_viewer_catch_sandbox_early_inits":1,"mmui_extended_escape_scheme":"searchdata.clips.0.authorname","spok":"id","video_search_grid_direct_repeat":6,"video_direct_config_desktop_search":"search:R-I-48058-720:R-I-474674-108","init_meta":{"ask-user-purchase-history":1,"use-src-videoquickp":1,"enable-begemot":1,"begemot-enable-cancelled-misspell":1,"enable_masthead":1,"use-src-videop":1,"use-src-videoquickp_misspell":1,"enable_blackbox_multisession":1,"begemot-enable-cancelled-misspell-rtmr":1,"enable_video_iron_fetcher":1,"use-related-only":1,"ask-yandex-io-devices":1,"use-images-device-setup":1,"use-src-imagesp":1,"images-apphost-collections-front":1,"enable_aab_apphost":1,"graph-is-video-search":1,"use-src-imagesp_misspell":1,"use-src-imagesultrap":1,"use-video-apphost-pre-templates":1,"use-src-videop_misspell":1,"use-video-apphost-post-templates":1,"use-src-imagesquickp":1,"enable_video_carousels":"1","restrict-max-docs":"1000","use-images-region-setup":1,"use-post-auto2":1,"use-images-settings-setup":1,"use-src-ugc_favorites":1,"video_vitrina_disable":"0","use-images-user-setup":1,"use-video-pre-search-data":1,"begemot-no-suggest-history":1},"video_skeleton_direct_organic_update":1,"video_blender":1,"video_search_grid_enable":0,"video_search_grid_direct_start":3,"video_instream_players_yaru_enable":1,"video_redirect_plug":2,"video_disable_serp_dzc":1,"video_direct_pos_id":"R-I-48058-73","dark_theme_desktop_default_pref":"system","video_search_toggle_enable":1,"video_viewer_desktop_blocks":1,"velocity_split_hydration":4,"video_duration_counter_new_format":1,"video_thumb_poster_full":1,"video_scrollpages":2,"video_serp_desktop_block_design":1,"velocity_video_inline_css":3,"video_direct_pos":5,"video_direct_viewport_margin_desktop":700},"slots":["1078435,0,97;1058428,0,9;1104741,0,46;1100007,0,45;1084780,0,59;1104874,0,31;1102469,0,32;1106431,0,20;1091885,0,74;1108150,0,95;1104559,0,27;1103887,0,26;936723,0,49;187288,0,44;1100593,0,63;1095068,0,26;1104728,0,50;1098377,0,17;1101505,0,32;120693,0,25;1099818,0,94;1098460,0,64;1106302,0,73;1,0,26;1095571,0,68;1102551,0,17;805351,0,99;1105475,0,26;1101987,0,80;1107616,0,49;1100461,0,3;151171,0,63;126308,0,41;715045,0,9;704825,0,30;287509,0,29;1103278,0,27;781253,0,38"],"isYandexNet":false,"platform":"desktop","isEnLogo":true,"retpath":"https%3A%2F%2Ftwitter.yandex.com.tr%2Fvideo%2Fsearch%3FchannelId%3Dd3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%253D%253D%26how%3Dtm%26text%3DCodegrid","mordaUrl":"//yandex.com.tr/","videoSearchUrl":"https://twitter.yandex.com.tr/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","settingsUrl":"https://yandex.com.tr/tune/search/","helpUrl":"https://yandex.com.tr/support/video/","legalUrl":"//legal.yandex.com.tr/termsofuse/","feedbackUrl":"https://yandex.com.tr/support/video/troubleshooting.html","basename":"/video","currentPageName":"search","isYandexApp":false,"isYandexAppAndroid":false,"isYandexAppIos":false,"isAndroid":false,"isHamster":false,"serpid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","backUrl":"//ya.ru","url":"https://twitter.yandex.com.tr/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","isIntegrationTest":false,"shouldDropLogs":false,"seo":{"title":"Codegrid: 392 video Yandex'te bulundu","description":"\"Codegrid\" sorgusu için arama sonuçları Yandex'te","shareTitle":"Codegrid — Yandex video arama","keywords":"yandex video, video araması, çevrimiçi izle, dizi, film, müzik klipleri","hasPorno":0},"isEmbedded":false,"isPumpkin":false,"quasarCsrfToken":"y59c4227c521aeaf0255d9708c279dab6","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"191768,223386,238743,246500,257621,253288,265553,270072,277807,274239,294077,278842,299121,313103,331010,338398,378416,359879,415420,644350,652605,645301,679708,689693,690449,696466,696473,722746,740796,769020,776165,777765,771230,781521,790415,801982,851450,878348,886706,883477,900639,931367,937268,969063,935488,945314,989988,982463,991363,990185,1015567,1011895,1035320,1033956,1035241,1036046,1068593,1087297,1089355,1060131,1076329,1099741,1103590,1095365,1071879,1091885,1108150,1104559,1103887,187288,120693,1099818,1","yandexuid":"5875173141725964334","uid":"0","queryText":"Codegrid","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL"}},"userTestids":"191768,223386,238743,246500,257621,253288,265553,270072,277807,274239,294077,278842,299121,313103,331010,338398,378416,359879,415420,644350,652605,645301,679708,689693,690449,696466,696473,722746,740796,769020,776165,777765,771230,781521,790415,801982,851450,878348,886706,883477,900639,931367,937268,969063,935488,945314,989988,982463,991363,990185,1015567,1011895,1035320,1033956,1035241,1036046,1068593,1087297,1089355,1060131,1076329,1099741,1103590,1095365,1071879,1091885,1108150,1104559,1103887,187288,120693,1099818,1","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"tr","user_time":{"epoch":"1725964334","tz":"America/Louisville","to_iso":"2024-09-10T06:32:14-0400","__is_plain":1},"isQuasarEnabled":false,"isHermione":false,"shouldStubImages":false,"enableVideoPreviewInHermione":false,"reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isEmbedded":false,"shouldDailyClickoutDzenInSerp":false,"shouldDailyClickoutDzenInViewer":true,"shouldDisableWebp":false,"removeLinkPrefix":"/video","shouldUseHighresPreview":true,"shouldCutSnippetTitle":true,"shouldShowPlusBadge":true,"reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"191768,223386,238743,246500,257621,253288,265553,270072,277807,274239,294077,278842,299121,313103,331010,338398,378416,359879,415420,644350,652605,645301,679708,689693,690449,696466,696473,722746,740796,769020,776165,777765,771230,781521,790415,801982,851450,878348,886706,883477,900639,931367,937268,969063,935488,945314,989988,982463,991363,990185,1015567,1011895,1035320,1033956,1035241,1036046,1068593,1087297,1089355,1060131,1076329,1099741,1103590,1095365,1071879,1091885,1108150,1104559,1103887,187288,120693,1099818,1","yandexuid":"5875173141725964334","uid":"0","queryText":"Codegrid","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL"}},"deviceDetect":{"OSFamily":"Unknown","isTV":0,"x64":0,"GoogleToolBarVersion":"","MultiTouch":0,"BrowserBase":"","YandexBarVersion":"","isTablet":0,"YandexBar":0,"isTouch":0,"isMobile":0,"DeviceKeyboard":"","device":"desktop","historySupport":0,"BrowserShellVersion":"","DeviceVendor":"","isBrowser":1,"hasFlash":0,"MailRuSputnikVersion":"","isSameSiteSupported":0,"BrowserBaseVersion":"","BrowserVersionRaw":"","DeviceId":"","error":"","MailRuAgent":0,"ScreenWidth":0,"inAppBrowser":0,"hasHTML5":0,"isEmulator":0,"J2ME":0,"MailRuAgentVersion":"","BrowserEngineVersionRaw":"537.36","isRobot":0,"__is_plain":1,"BrowserEngineVersion":"0537.0036","BrowserName":"","DeviceModel":"","BrowserEngine":"WebKit","DeviceName":"","OSVersionRaw":"","OSName":"","GoogleToolBar":0,"ScreenSize":"","MailRuSputnik":0,"YaBuildName":"","PreferMobile":0,"DesktopMode":0,"isWAP":0,"BrowserVersion":"","BitsPerPixel":0,"BrowserShell":"","YaGUI":"","isBeta":0,"OSVersion":"","ScreenHeight":0},"nonce":"7420498449875173147167"},"viewer":{"videoId":"","isHermione":false}},"user":{"tld":"com.tr","isEuDomain":false,"login":"","passportId":"","isLoggedIn":false,"locationName":"Columbus","isFamily":false,"yandexuid":"5875173141725964334","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases/frontend/video/v1.1428.0#8505a2ed3c895acb57d34dcff50d715adb17d602","isGridSupported":false,"advConfig":{},"advExpConfig":{}},"counters":{"params":{"useBeacon":false,"clickHost":"twitter.yandex.com.tr/clck","pid":197},"dict":{"serp":"471","pager":"405","down":"601","up":"600","footer":"295","more":"75","page":"143","loaded":"1007","grid":"3223","support":"2458","client":"2989","layout":"54","list":"436","fallback":"2010","duration":"2136","within":"3247","on":"10","off":"11","host":"3052","init":"1309","supported":"3761","video":"231","translation":"347","distrib":"316","onboarding":"2045","shown":"3780","filters":"618","hide":"1656","lang":"1144","link":"513","click":"882","advanced":"255","open":"842","close":"486","apply":"2461","reset":"3236","short":"142","toggle":"237","snippet":"254","item":"22","icon":"1167","abuse":"1436","submit":"297","wizard":"358","incut":"1073","summary":"3410","keypoint":"4086","title":"82","scroll":"768","direct":"155","p4":"89","show":"487","p11":"96","p0":"85","feedback":"296","region":"287","help":"177","settings":"1137","recommendations":"2671","home":"1319","soo":"65","youtube":"624","google":"66","bing":"568"}},"clips":{"items":{"1891446668232748770":{"videoId":"1891446668232748770","docid":"36-5-0-ZFC3750929BBC3C62","preview":{"posterSrc":"//avatars.mds.yandex.net/get-video_thumb_fresh/2104182/f3e15af9b0f449962a1d3dd43baf6f830908/564x318_1"},"target":"_self","position":"0","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["1891446668232748770"]},"9329338660318843503":{"videoId":"9329338660318843503","docid":"36-1-0-ZBC01A94BE2E6B324","preview":{"posterSrc":"//avatars.mds.yandex.net/get-video_thumb_fresh/907943/ff465306166fd87d9fb8bc42ad218f5a0904/564x318_1"},"target":"_self","position":"1","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["9329338660318843503"]},"1845633899480147606":{"videoId":"1845633899480147606","docid":"34-10-2-ZC89CF4D754C7FAEA","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4507725/d0bb558355a73856f9906148c296a8ae/564x318_1"},"target":"_self","position":"2","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["1845633899480147606"]},"3727979947628309816":{"videoId":"3727979947628309816","docid":"34-0-8-ZA5CD2370F044180A","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3817259/002440c81e1454fb77d4cf2f1517757f/564x318_1"},"target":"_self","position":"3","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["3727979947628309816"]},"13064131660390592509":{"videoId":"13064131660390592509","docid":"34-2-1-Z7332D37582F8D118","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/906813/abbce37e63e540a9fc9af7e0480b00e1/564x318_1"},"target":"_self","position":"5","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["13064131660390592509"]},"8440122599142450":{"videoId":"8440122599142450","docid":"34-6-6-ZDCACFB2486D9B79F","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1841219/30a5f06d56ba35cb4cadcd566985f2ef/564x318_1"},"target":"_self","position":"6","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["8440122599142450"]},"9084938510986708423":{"videoId":"9084938510986708423","docid":"34-9-13-Z77D158E5763D2C42","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4752552/323d0c8bd74566d98818e986570be354/564x318_1"},"target":"_self","position":"7","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["9084938510986708423"]},"11300360496727253020":{"videoId":"11300360496727253020","docid":"34-10-16-Z06A7BDDD6367901B","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4486558/dc5ceb22c5af076cec92a56109960f7e/564x318_1"},"target":"_self","position":"8","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["11300360496727253020"]},"8346236623459278708":{"videoId":"8346236623459278708","docid":"34-0-12-Z6C6CA86310C8FC69","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1549900/d30c2e175e3ec50c393e2ab18083d93b/564x318_1"},"target":"_self","position":"9","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["8346236623459278708"]},"4065471861532801611":{"videoId":"4065471861532801611","docid":"34-2-15-Z1C561A39F1746A97","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3683805/ec2a0bb293269c1042e059322af95729/564x318_1"},"target":"_self","position":"10","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["4065471861532801611"]},"13755305772641307220":{"videoId":"13755305772641307220","docid":"34-6-16-Z62CD66EFA2225AD3","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2356679/5094527d723023dacbc63f5c4245678b/564x318_1"},"target":"_self","position":"12","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["13755305772641307220"]},"12362848738134214726":{"videoId":"12362848738134214726","docid":"34-6-10-Z812DFE527201EDB3","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/941879/efd6da1f949e8155ee038afa7414477c/564x318_1"},"target":"_self","position":"13","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["12362848738134214726"]},"6157912822897050313":{"videoId":"6157912822897050313","docid":"34-1-7-ZF4015F6D44D69435","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1344725/0501d9e35f1648c9012ebfc653e62b9e/564x318_1"},"target":"_self","position":"14","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["6157912822897050313"]},"222666304283609658":{"videoId":"222666304283609658","docid":"34-2-6-Z65189EDF48061D63","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1781748/28e689bd68024db1a2e39d54b5aa84f0/564x318_1"},"target":"_self","position":"15","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["222666304283609658"]},"14006554173383848284":{"videoId":"14006554173383848284","docid":"34-8-12-Z6A31C64BCD3FF3FB","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4323790/089f6cf6ff25787bc4708f9bd4f46b16/564x318_1"},"target":"_self","position":"16","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["14006554173383848284"]},"11172909420553034979":{"videoId":"11172909420553034979","docid":"34-1-9-ZB6CDB6D00CC656B8","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1016494/c7cecf4f910b34308ee4a0119bb541f9/564x318_1"},"target":"_self","position":"17","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["11172909420553034979"]},"11401626483697525193":{"videoId":"11401626483697525193","docid":"34-11-11-Z27309CE85AB65477","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4580954/4f640a0b067af4a3efd9aa917faf027a/564x318_1"},"target":"_self","position":"18","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["11401626483697525193"]},"13622834309046840531":{"videoId":"13622834309046840531","docid":"34-9-9-Z62F0186C00F7FC7E","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3842731/7124f032e3866e2129d584ef07a783f5/564x318_1"},"target":"_self","position":"19","reqid":"1725964334173325-7742049844987517314-balancer-l7leveler-kubr-yp-klg-167-BAL","isAdultDoc":false,"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["13622834309046840531"]}},"dups":{"1891446668232748770":{"videoId":"1891446668232748770","title":"Fluid Filter Transitions with Mouse Movement (JavaScript)","cleanTitle":"Fluid Filter Transitions with Mouse Movement (JavaScript)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=kDlA8LKsKJ4","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/kDlA8LKsKJ4?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":736,"text":"12:16","a11yText":"Длительность 12 минут 16 секунд"},"views":{"text":"1,8K","shouldShowInSnippet":true,"a11yText":"1,8 тысяч просмотров"},"modifyTime":1725811722000,"freshBadge":"Dün","isExternal":false,"shouldShowQuasar":false,"parentClipId":"1891446668232748770","href":"/preview/1891446668232748770?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"9329338660318843503":{"videoId":"9329338660318843503","title":"GSAP Barely Broke a Sweat for THIS Landing Page Reveal Animation","cleanTitle":"GSAP Barely Broke a Sweat for THIS Landing Page Reveal Animation","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=UbVK4bCwZuk","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/UbVK4bCwZuk?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":653,"text":"10:53","a11yText":"Длительность 10 минут 53 секунды"},"views":{"text":"5,8K","shouldShowInSnippet":true,"a11yText":"5,8 тысяч просмотров"},"date":"4 Eyl 2024","modifyTime":1725464194000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"9329338660318843503","href":"/preview/9329338660318843503?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"1845633899480147606":{"videoId":"1845633899480147606","title":"Next JS Scroll Animation That Wows (A GSAP & ScrollTrigger Tutorial)","cleanTitle":"Next JS Scroll Animation That Wows (A GSAP & ScrollTrigger Tutorial)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=Tyt2Sq1UMAY","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/Tyt2Sq1UMAY?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":745,"text":"12:25","a11yText":"Длительность 12 минут 25 секунд"},"date":"1 Eyl 2024","modifyTime":1725207500000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"1845633899480147606","href":"/preview/1845633899480147606?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"3727979947628309816":{"videoId":"3727979947628309816","title":"JavaScript Flexes Again, This Landing Page Didn’t Need WebGL","cleanTitle":"JavaScript Flexes Again, This Landing Page Didn’t Need WebGL","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=VrE8iYSk3cI","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/VrE8iYSk3cI?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":735,"text":"12:15","a11yText":"Длительность 12 минут 15 секунд"},"date":"28 Ağu 2024","modifyTime":1724861643000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"3727979947628309816","href":"/preview/3727979947628309816?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"13064131660390592509":{"videoId":"13064131660390592509","title":"Shaders Made This Text Hover Effect Unbelievably Pixelated","cleanTitle":"Shaders Made This Text Hover Effect Unbelievably Pixelated","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=x5QfgkexM9I","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/x5QfgkexM9I?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":853,"text":"14:13","a11yText":"Длительность 14 минут 13 секунд"},"date":"25 Ağu 2024","modifyTime":1724601011000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"13064131660390592509","href":"/preview/13064131660390592509?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"8440122599142450":{"videoId":"8440122599142450","title":"Next.js 3D Video Slider That Feels Effortlessly Cool","cleanTitle":"Next.js 3D Video Slider That Feels Effortlessly Cool","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=GAxXHtbGygY","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/GAxXHtbGygY?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":742,"text":"12:22","a11yText":"Длительность 12 минут 22 секунды"},"views":{"text":"1,6K","shouldShowInSnippet":true,"a11yText":"1,6 тысяч просмотров"},"date":"21 Ağu 2024","modifyTime":1724255921000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"8440122599142450","href":"/preview/8440122599142450?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"9084938510986708423":{"videoId":"9084938510986708423","title":"The OG Liquid Distortion Image Hover You’ve Always Dreamed Of","cleanTitle":"The OG Liquid Distortion Image Hover You’ve Always Dreamed Of","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=LPzx_QnqC68","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/LPzx_QnqC68?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1159,"text":"19:19","a11yText":"Длительность 19 минут 19 секунд"},"views":{"text":"3,5K","shouldShowInSnippet":true,"a11yText":"3,5 тысяч просмотров"},"date":"18 Ağu 2024","modifyTime":1723994581000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"9084938510986708423","href":"/preview/9084938510986708423?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"11300360496727253020":{"videoId":"11300360496727253020","title":"When Next.js Met GSAP","cleanTitle":"When Next.js Met GSAP","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=wWleTYX-ij8","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/wWleTYX-ij8?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":652,"text":"10:52","a11yText":"Длительность 10 минут 52 секунды"},"views":{"text":"1K","shouldShowInSnippet":true,"a11yText":"1 тысяч просмотров"},"date":"14 Ağu 2024","modifyTime":1723649706000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"11300360496727253020","href":"/preview/11300360496727253020?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"8346236623459278708":{"videoId":"8346236623459278708","title":"Responsive Interactive Calendar Cards That Pop (When Tapped)","cleanTitle":"Responsive Interactive Calendar Cards That Pop (When Tapped)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=sw6BF0rpbWE","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/sw6BF0rpbWE?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":732,"text":"12:12","a11yText":"Длительность 12 минут 12 секунд"},"views":{"text":"2,8K","shouldShowInSnippet":true,"a11yText":"2,8 тысяч просмотров"},"date":"11 Ağu 2024","modifyTime":1723391662000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"8346236623459278708","href":"/preview/8346236623459278708?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"4065471861532801611":{"videoId":"4065471861532801611","title":"This Hypnotic Image Gallery Has Dynamic Layout Transitions","cleanTitle":"This Hypnotic Image Gallery Has Dynamic Layout Transitions","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=OFTiYCn8c1s","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/OFTiYCn8c1s?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":709,"text":"11:49","a11yText":"Длительность 11 минут 49 секунд"},"views":{"text":"4,4K","shouldShowInSnippet":true,"a11yText":"4,4 тысяч просмотров"},"date":"4 Ağu 2024","modifyTime":1722785371000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"4065471861532801611","href":"/preview/4065471861532801611?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"13755305772641307220":{"videoId":"13755305772641307220","title":"You Won't Believe How Smooth This Infinite Text Scroll Animation Is","cleanTitle":"You Won't Believe How Smooth This Infinite Text Scroll Animation Is","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=bxFC681f9ns","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/bxFC681f9ns?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":594,"text":"9:54","a11yText":"Длительность 9 минут 54 секунды"},"views":{"text":"4,4K","shouldShowInSnippet":true,"a11yText":"4,4 тысяч просмотров"},"date":"31 Tem 2024","modifyTime":1722442068000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"13755305772641307220","href":"/preview/13755305772641307220?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"12362848738134214726":{"videoId":"12362848738134214726","title":"I Supercharged Instagram Stories With JavaScript & GSAP","cleanTitle":"I Supercharged Instagram Stories With JavaScript & GSAP","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=P-DjZyLM53k","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/P-DjZyLM53k?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":983,"text":"16:23","a11yText":"Длительность 16 минут 23 секунды"},"views":{"text":"8,5K","shouldShowInSnippet":true,"a11yText":"8,5 тысяч просмотров"},"date":"28 Tem 2024","modifyTime":1722179889000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"12362848738134214726","href":"/preview/12362848738134214726?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"6157912822897050313":{"videoId":"6157912822897050313","title":"Make Scrolling Irresistible With This Image Reveal Animation","cleanTitle":"Make Scrolling Irresistible With This Image Reveal Animation","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=EDzJrYInOpY","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/EDzJrYInOpY?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":598,"text":"9:58","a11yText":"Длительность 9 минут 58 секунд"},"views":{"text":"6,1K","shouldShowInSnippet":true,"a11yText":"6,1 тысяч просмотров"},"date":"24 Tem 2024","modifyTime":1721840652000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"6157912822897050313","href":"/preview/6157912822897050313?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"222666304283609658":{"videoId":"222666304283609658","title":"The GSAP Slider That Beats All Others (Won Site Of The Month)","cleanTitle":"The GSAP Slider That Beats All Others (Won Site Of The Month)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=OECo7iDkwaE","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/OECo7iDkwaE?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":785,"text":"13:05","a11yText":"Длительность 13 минут 5 секунд"},"views":{"text":"7,9K","shouldShowInSnippet":true,"a11yText":"7,9 тысяч просмотров"},"date":"21 Tem 2024","modifyTime":1721578142000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"222666304283609658","href":"/preview/222666304283609658?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"14006554173383848284":{"videoId":"14006554173383848284","title":"Mind-Bending Scroll Animations With GSAP & ScrollTrigger","cleanTitle":"Mind-Bending Scroll Animations With GSAP & ScrollTrigger","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=1iVRHjreOUI","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/1iVRHjreOUI?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":557,"text":"9:17","a11yText":"Длительность 9 минут 17 секунд"},"views":{"text":"4,4K","shouldShowInSnippet":true,"a11yText":"4,4 тысяч просмотров"},"date":"17 Tem 2024","modifyTime":1721244447000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"14006554173383848284","href":"/preview/14006554173383848284?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"11172909420553034979":{"videoId":"11172909420553034979","title":"Build An Image Slider So Smooth With JavaScript, It Should Be Illegal","cleanTitle":"Build An Image Slider So Smooth With JavaScript, It Should Be Illegal","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=L7B8P8FM6GA","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/L7B8P8FM6GA?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":472,"text":"7:52","a11yText":"Длительность 7 минут 52 секунды"},"views":{"text":"5,8K","shouldShowInSnippet":true,"a11yText":"5,8 тысяч просмотров"},"date":"14 Tem 2024","modifyTime":1720915200000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"11172909420553034979","href":"/preview/11172909420553034979?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"11401626483697525193":{"videoId":"11401626483697525193","title":"Interactive Responsive Fullscreen Menu You Shouldn't Miss (GSAP)","cleanTitle":"Interactive Responsive Fullscreen Menu You Shouldn't Miss (GSAP)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=rfYf3UiO6w4","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/rfYf3UiO6w4?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":594,"text":"9:54","a11yText":"Длительность 9 минут 54 секунды"},"views":{"text":"5,4K","shouldShowInSnippet":true,"a11yText":"5,4 тысяч просмотров"},"date":"10 Tem 2024","modifyTime":1720627329000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"11401626483697525193","href":"/preview/11401626483697525193?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"},"13622834309046840531":{"videoId":"13622834309046840531","title":"Watch Text Come Alive With Scroll-Triggered Animation (ScrollTrigger)","cleanTitle":"Watch Text Come Alive With Scroll-Triggered Animation (ScrollTrigger)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=E6xWVltGjgU","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/E6xWVltGjgU?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw==","name":"Codegrid","isVerified":true,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid","origUrl":"http://www.youtube.com/@codegrid","a11yText":"Codegrid. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":520,"text":"8:40","a11yText":"Длительность 8 минут 40 секунд"},"views":{"text":"7,1K","shouldShowInSnippet":true,"a11yText":"7,1 тысяч просмотров"},"date":"7 Tem 2024","modifyTime":1720366314000,"isExternal":false,"shouldShowQuasar":false,"parentClipId":"13622834309046840531","href":"/preview/13622834309046840531?channelId=d3d3LnlvdXR1YmUuY29tO1VDN3BWaG80TzMxRnlmUXNaZFhXZWpFdw%3D%3D&how=tm&text=Codegrid"}}},"related":{"items":[],"loadingStatus":"None","nextPageNum":0,"ncrnd":0},"playbackQueue":{"currentIndex":0,"items":[]}}