Get The Perfect Box Shadows In Webflow With This Figma To Webflow Guide
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=N0GQlqq5WD0
🌟 In this video, I'll show you how to replicate the exact box shadows from your Figma designs in your Webflow projects, using a CSS trick instead of Webflow's native box shadow tool. • 🔍 *What You'll Learn:* • *Figma-Webflow Synchronization:* Master the art of carrying over design elements from Figma to Webflow with precision. • *CSS Class Attribute Selector Magic:* Learn how to use class attribute selectors for applying box shadows. • *Custom Code Embeds in Webflow:* Understand how to use custom code embeds in Webflow to achieve your desired design effects. • 📈 *Key Benefits:* • 1. *Design Consistency:* Learn how to easily add box shadows in your Webflow project that perfectly match your Figma design. • 2. *Efficiency at Scale:* Find out how to apply box shadows to multiple elements efficiently, especially to those sharing the same CSS class, without the hassle of adding extra combo classes. • 3. *Flexibility in Styling:* Discover how to modify box shadows without the need to remove or alter existing combo classes. • 👩💻 *Perfect For:* • This tutorial is ideal for Webflow designers looking to achieve a high level of design fidelity and efficiency when translating designs from Figma. • Whether you're a professional web designer or a hobbyist, these techniques will elevate your design workflow. • 📌 *Why It's Different:* • By skipping Webflow's native shadow tool and employing CSS, you gain more control and flexibility over the shadow effects, ensuring your Webflow site reflects your Figma designs down to the last detail. • 👍 *Support Our Channel:* • If you find this tutorial helpful, please give it a thumbs up, share it with your network, and subscribe for more insights on Figma, Webflow, and web design techniques. • 💬 *Join the Conversation:* • Have any questions or insights about integrating Figma designs into Webflow? Drop a comment below! We'd love to hear your experiences and tips.","styleRuns":[{"startIndex":0,"length":188,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":188,"length":20,"fontName":"Roboto-Medium","weightLabel":"FONT_WEIGHT_BOLD","styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":208,"length":2,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":210,"length":32,"fontName":"Roboto-Medium","weightLabel":"FONT_WEIGHT_BOLD","styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":242,"length":87,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":329,"length":37,"fontName":"Roboto-Medium","weightLabel":"FONT_WEIGHT_BOLD","styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":366,"length":70,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":436,"length":32,"fontName":"Roboto-Medium","weightLabel":"FONT_WEIGHT_BOLD","styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":468,"length":93,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":561,"length":4,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":565,"length":15,"fontName":"Roboto-Medium","weightLabel":"FONT_WEIGHT_BOLD","styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":580,"length":5,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":585,"length":21,"fontName":"Roboto-Medium","weightLabel":"FONT_WEIGHT_BOLD","styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":606,"length":104,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":710,"length":22,"fontName":"Roboto-Medium","weightLabel":"FONT_WEIGHT_BOLD","styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":732,"length":170,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":902,"length":25,"fontName":"Roboto-Medium","weightLabel":"FONT_WEIGHT_BOLD","styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":927,"length":103,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":1030,"length":14,"fontName":"Roboto-Medium","weightLabel":"FONT_WEIGHT_BOLD","styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":1044,"length":265,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":1309,"length":21,"fontName":"Roboto-Medium","weightLabel":"FONT_WEIGHT_BOLD","styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":1330,"length":208,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":1538,"length":22,"fontName":"Roboto-Medium","weightLabel":"FONT_WEIGHT_BOLD","styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":1560,"length":174,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":1734,"length":24,"fontName":"Roboto-Medium","weightLabel":"FONT_WEIGHT_BOLD","styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":1758,"length":144,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"}],"paragraphStyleRuns":[{"startIndex":210,"length":351,"listGroup":{"listType":"LIST_TYPE_BULLET","listItems":[{"listType":"LIST_TYPE_BULLET","startIndex":210,"length":119},{"listType":"LIST_TYPE_BULLET","startIndex":329,"length":107},{"listType":"LIST_TYPE_BULLET","startIndex":436,"length":125}]}},{"length":562}]},"headerRuns":[{"startIndex":0,"length":188,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":188,"length":20,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":208,"length":2,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":210,"length":32,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":242,"length":87,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":329,"length":37,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":366,"length":70,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":436,"length":32,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":468,"length":93,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":561,"length":4,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":565,"length":15,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":580,"length":5,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":585,"length":21,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":606,"length":104,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":710,"length":22,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":732,"length":170,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":902,"length":25,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":927,"length":103,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":1030,"length":14,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":1044,"length":265,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":1309,"length":21,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":1330,"length":208,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":1538,"length":22,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":1560,"length":174,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":1734,"length":24,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":1758,"length":144,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"}]}},{"itemSectionRenderer":{"contents":[{"continuationItemRenderer":{"trigger":"CONTINUATION_TRIGGER_ON_ITEM_SHOWN","continuationEndpoint":{"clickTrackingParams":"CMcBELsvGAIiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/next"}},"continuationCommand":{"token":"Eg0SC04wR1FscXE1V0QwGAYyJSIRIgtOMEdRbHFxNVdEMDAAeAJCEGNvbW1lbnRzLXNlY3Rpb24%3D","request":"CONTINUATION_REQUEST_TYPE_WATCH_NEXT"}}}}],"trackingParams":"CMcBELsvGAIiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","sectionIdentifier":"comment-item-section","targetId":"comments-section"}}],"trackingParams":"CMYBELovIhMImPjcsvLQiwMVDlx6BR2z-hju"}},"secondaryResults":{"secondaryResults":{"results":[{"compactVideoRenderer":{"videoId":"AAKC5DlA9z8","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/AAKC5DlA9z8/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLBqLKp3jR5jn28Ud6qoUs5185j68A","width":168,"height":94},{"url":"https://i.ytimg.com/vi/AAKC5DlA9z8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLC4xs9q9OZSzOV1aCxEkiF6wqMNJA","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Fade in Animation in Webflow Using GSAP by CL Creative 905 views 7 months ago 20 minutes"}},"simpleText":"Fade in Animation in Webflow Using GSAP"},"longBylineText":{"runs":[{"text":"CL Creative","navigationEndpoint":{"clickTrackingParams":"CL8BEKQwGAAiEwiY-Nyy8tCLAxUOXHoFHbP6GO4yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@clcreativedallas","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCUnDFV9rg5Y8vEl6bwygZWg","canonicalBaseUrl":"/@clcreativedallas"}}}]},"publishedTimeText":{"simpleText":"7 months ago"},"viewCountText":{"simpleText":"905 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"20 minutes, 20 seconds"}},"simpleText":"20:20"},"navigationEndpoint":{"clickTrackingParams":"CL8BEKQwGAAiEwiY-Nyy8tCLAxUOXHoFHbP6GO4yB3JlbGF0ZWRIvbDl1eqS5KA3mgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=AAKC5DlA9z8","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"AAKC5DlA9z8","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr5---sn-nv47zn7y.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=000282e43940f73f ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1597500 mt=1740007027 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"CL Creative","navigationEndpoint":{"clickTrackingParams":"CL8BEKQwGAAiEwiY-Nyy8tCLAxUOXHoFHbP6GO4yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@clcreativedallas","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCUnDFV9rg5Y8vEl6bwygZWg","canonicalBaseUrl":"/@clcreativedallas"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/Nzi2H1F3Gf1uWFLVqFRxhAq9Nz-q-eJeOpRfktvHhsi3C9vPPGJfu44bId09qAgokjGeIcBg=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CL8BEKQwGAAiEwiY-Nyy8tCLAxUOXHoFHbP6GO5Av-6DysPcoAE=","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"905 views"}},"simpleText":"905 views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CMQBEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMQBEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"AAKC5DlA9z8","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMQBEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["AAKC5DlA9z8"],"params":"CAQ%3D"}},"videoIds":["AAKC5DlA9z8"]}},{"clickTrackingParams":"CMQBEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CMUBELlqIhMImPjcsvLQiwMVDlx6BR2z-hju"}},"popupType":"TOAST"}}]}},"trackingParams":"CMQBEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CMMBENGqBRgHIhMImPjcsvLQiwMVDlx6BR2z-hju","offlineVideoEndpoint":{"videoId":"AAKC5DlA9z8","onAddCommand":{"clickTrackingParams":"CMMBENGqBRgHIhMImPjcsvLQiwMVDlx6BR2z-hju","getDownloadActionCommand":{"videoId":"AAKC5DlA9z8","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CMMBENGqBRgHIhMImPjcsvLQiwMVDlx6BR2z-hju"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CL8BEKQwGAAiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtBQUtDNURsQTl6OA%3D%3D","commands":[{"clickTrackingParams":"CL8BEKQwGAAiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CMIBEI5iIhMImPjcsvLQiwMVDlx6BR2z-hju","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CL8BEKQwGAAiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","hasSeparator":true}}],"trackingParams":"CL8BEKQwGAAiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","accessibility":{"accessibilityData":{"label":"Action menu"}},"targetId":"watch-related-menu-button"}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"20 minutes, 20 seconds"}},"simpleText":"20:20"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMEBEPnnAxgBIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"AAKC5DlA9z8","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CMEBEPnnAxgBIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"AAKC5DlA9z8"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMEBEPnnAxgBIhMImPjcsvLQiwMVDlx6BR2z-hju"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMABEMfsBBgCIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMABEMfsBBgCIhMImPjcsvLQiwMVDlx6BR2z-hju","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"AAKC5DlA9z8","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMABEMfsBBgCIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["AAKC5DlA9z8"],"params":"CAQ%3D"}},"videoIds":["AAKC5DlA9z8"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMABEMfsBBgCIhMImPjcsvLQiwMVDlx6BR2z-hju"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Fade in Animation in Webflow Using GSAP - 20 minutes - Go to channel - CL Creative - 905 views - 7 months ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/AAKC5DlA9z8/mqdefault_6s.webp?du=3000 sqp=CKuh2b0G rs=AOn4CLDh0CfkvjgMhl7pacWvZJytfe5moA","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"i-9mgOL3mHw","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/i-9mgOL3mHw/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLCgFWXyscjEJPW2ip0GIF5K2F8rOg","width":168,"height":94},{"url":"https://i.ytimg.com/vi/i-9mgOL3mHw/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLCFXkVdcdmI_Zr9gSmRBzi2gyHdHQ","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"10 tips to work 10x faster in Figma by Carola Pescio Canale 415,547 views 4 years ago 18 minutes"}},"simpleText":"10 tips to work 10x faster in Figma"},"longBylineText":{"runs":[{"text":"Carola Pescio Canale","navigationEndpoint":{"clickTrackingParams":"CLgBEKQwGAEiEwiY-Nyy8tCLAxUOXHoFHbP6GO4yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@carolapc","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCeQKUUlV5jwel9N1ayDTGSw","canonicalBaseUrl":"/@carolapc"}}}]},"publishedTimeText":{"simpleText":"4 years ago"},"viewCountText":{"simpleText":"415,547 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"18 minutes, 54 seconds"}},"simpleText":"18:54"},"navigationEndpoint":{"clickTrackingParams":"CLgBEKQwGAEiEwiY-Nyy8tCLAxUOXHoFHbP6GO4yB3JlbGF0ZWRIvbDl1eqS5KA3mgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=i-9mgOL3mHw","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"i-9mgOL3mHw","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr2---sn-nvm-cxbz.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=8bef6680e2f7987c ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=611250 mt=1740007027 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Carola Pescio Canale","navigationEndpoint":{"clickTrackingParams":"CLgBEKQwGAEiEwiY-Nyy8tCLAxUOXHoFHbP6GO4yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@carolapc","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCeQKUUlV5jwel9N1ayDTGSw","canonicalBaseUrl":"/@carolapc"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_nsxr8ohKJIyrAgATlNwTVpxW0DilCuFRnCJso9z4Hw4SYl=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CLgBEKQwGAEiEwiY-Nyy8tCLAxUOXHoFHbP6GO5A_LDel47Q2feLAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"415K views"}},"simpleText":"415K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CL0BEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CL0BEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"i-9mgOL3mHw","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CL0BEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["i-9mgOL3mHw"],"params":"CAQ%3D"}},"videoIds":["i-9mgOL3mHw"]}},{"clickTrackingParams":"CL0BEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CL4BELlqIhMImPjcsvLQiwMVDlx6BR2z-hju"}},"popupType":"TOAST"}}]}},"trackingParams":"CL0BEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CLwBENGqBRgHIhMImPjcsvLQiwMVDlx6BR2z-hju","offlineVideoEndpoint":{"videoId":"i-9mgOL3mHw","onAddCommand":{"clickTrackingParams":"CLwBENGqBRgHIhMImPjcsvLQiwMVDlx6BR2z-hju","getDownloadActionCommand":{"videoId":"i-9mgOL3mHw","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CLwBENGqBRgHIhMImPjcsvLQiwMVDlx6BR2z-hju"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLgBEKQwGAEiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtpLTltZ09MM21Idw%3D%3D","commands":[{"clickTrackingParams":"CLgBEKQwGAEiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLsBEI5iIhMImPjcsvLQiwMVDlx6BR2z-hju","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLgBEKQwGAEiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","hasSeparator":true}}],"trackingParams":"CLgBEKQwGAEiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"18 minutes, 54 seconds"}},"simpleText":"18:54"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLoBEPnnAxgBIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"i-9mgOL3mHw","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLoBEPnnAxgBIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"i-9mgOL3mHw"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLoBEPnnAxgBIhMImPjcsvLQiwMVDlx6BR2z-hju"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLkBEMfsBBgCIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLkBEMfsBBgCIhMImPjcsvLQiwMVDlx6BR2z-hju","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"i-9mgOL3mHw","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLkBEMfsBBgCIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["i-9mgOL3mHw"],"params":"CAQ%3D"}},"videoIds":["i-9mgOL3mHw"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLkBEMfsBBgCIhMImPjcsvLQiwMVDlx6BR2z-hju"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"10 tips to work 10x faster in Figma - 18 minutes - Go to channel - Carola Pescio Canale - 415K views - 4 years ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/i-9mgOL3mHw/mqdefault_6s.webp?du=3000 sqp=CJy42b0G rs=AOn4CLCoP5Nx0QUtn898JD3gQQCrTAhMnw","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"CXN7TALihtM","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/CXN7TALihtM/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLC8wqZkSYWJdPTczLAdW5C7P29jrA","width":168,"height":94},{"url":"https://i.ytimg.com/vi/CXN7TALihtM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLBjA9qWo8TCfO6_DIqrDgWJ67RWiw","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"How to Use GSAP and Webflow - Let's Make a FAQ Accordion by CL Creative 637 views 1 year ago 20 minutes"}},"simpleText":"How to Use GSAP and Webflow - Let's Make a FAQ Accordion"},"longBylineText":{"runs":[{"text":"CL Creative","navigationEndpoint":{"clickTrackingParams":"CLEBEKQwGAIiEwiY-Nyy8tCLAxUOXHoFHbP6GO4yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@clcreativedallas","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCUnDFV9rg5Y8vEl6bwygZWg","canonicalBaseUrl":"/@clcreativedallas"}}}]},"publishedTimeText":{"simpleText":"1 year ago"},"viewCountText":{"simpleText":"637 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"20 minutes, 11 seconds"}},"simpleText":"20:11"},"navigationEndpoint":{"clickTrackingParams":"CLEBEKQwGAIiEwiY-Nyy8tCLAxUOXHoFHbP6GO4yB3JlbGF0ZWRIvbDl1eqS5KA3mgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=CXN7TALihtM","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"CXN7TALihtM","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---sn-nvm-cxbz.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=09737b4c02e286d3 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=611250 mt=1740007027 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"CL Creative","navigationEndpoint":{"clickTrackingParams":"CLEBEKQwGAIiEwiY-Nyy8tCLAxUOXHoFHbP6GO4yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@clcreativedallas","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCUnDFV9rg5Y8vEl6bwygZWg","canonicalBaseUrl":"/@clcreativedallas"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/Nzi2H1F3Gf1uWFLVqFRxhAq9Nz-q-eJeOpRfktvHhsi3C9vPPGJfu44bId09qAgokjGeIcBg=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CLEBEKQwGAIiEwiY-Nyy8tCLAxUOXHoFHbP6GO5A042Kl8Dp3rkJ","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"637 views"}},"simpleText":"637 views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLYBEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLYBEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"CXN7TALihtM","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLYBEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["CXN7TALihtM"],"params":"CAQ%3D"}},"videoIds":["CXN7TALihtM"]}},{"clickTrackingParams":"CLYBEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CLcBELlqIhMImPjcsvLQiwMVDlx6BR2z-hju"}},"popupType":"TOAST"}}]}},"trackingParams":"CLYBEP6YBBgGIhMImPjcsvLQiwMVDlx6BR2z-hju"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CLUBENGqBRgHIhMImPjcsvLQiwMVDlx6BR2z-hju","offlineVideoEndpoint":{"videoId":"CXN7TALihtM","onAddCommand":{"clickTrackingParams":"CLUBENGqBRgHIhMImPjcsvLQiwMVDlx6BR2z-hju","getDownloadActionCommand":{"videoId":"CXN7TALihtM","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CLUBENGqBRgHIhMImPjcsvLQiwMVDlx6BR2z-hju"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLEBEKQwGAIiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtDWE43VEFMaWh0TQ%3D%3D","commands":[{"clickTrackingParams":"CLEBEKQwGAIiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLQBEI5iIhMImPjcsvLQiwMVDlx6BR2z-hju","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLEBEKQwGAIiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","hasSeparator":true}}],"trackingParams":"CLEBEKQwGAIiEwiY-Nyy8tCLAxUOXHoFHbP6GO4=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"20 minutes, 11 seconds"}},"simpleText":"20:11"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLMBEPnnAxgBIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"CXN7TALihtM","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLMBEPnnAxgBIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"CXN7TALihtM"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLMBEPnnAxgBIhMImPjcsvLQiwMVDlx6BR2z-hju"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLIBEMfsBBgCIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLIBEMfsBBgCIhMImPjcsvLQiwMVDlx6BR2z-hju","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"CXN7TALihtM","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLIBEMfsBBgCIhMImPjcsvLQiwMVDlx6BR2z-hju","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["CXN7TALihtM"],"params":"CAQ%3D"}},"videoIds":["CXN7TALihtM"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLIBEMfsBBgCIhMImPjcsvLQiwMVDlx6BR2z-hju"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"How to Use GSAP and Webflow - Let's Make a FAQ Accordion - 20 minutes - Go to channel - CL Creative - 637 views - 1 year ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/CXN7TALihtM/mqdefault_6s.webp?du=3000 sqp=CPil2b0G rs=AOn4CLDCwSNRt-ATNY_gidmOPPDcezny0Q","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"lockupViewModel":{"contentImage":{"collectionThumbnailViewModel":{"primaryThumbnail":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/40Bo2oqsPAw/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ== rs=AOn4CLBvgpwH42sC_TRL9k_-A5fr2ovPaQ","width":168,"height":94},{"url":"https://i.ytimg.com/vi/40Bo2oqsPAw/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE= rs=AOn4CLB-H0VEmfkTfcm3X5FIH6pCD2PE9Q","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAYLISTS"}}]},"text":"37 videos","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","backgroundColor":{"lightTheme":337440,"darkTheme":337440}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"thumbnailHoverOverlayViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAY_ALL"}}]},"text":{"content":"Play all","styleRuns":[{"startIndex":0,"length":8}]},"style":"THUMBNAIL_HOVER_OVERLAY_STYLE_COVER"}}],"backgroundColor":{"lightTheme":606006,"darkTheme":606006}}},"stackColor":{"lightTheme":7051665,"darkTheme":7376007}}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"Webflow Tricks"},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"Nikolai Bain
#############################
