3D modeling a triangulated facade using Sketchup
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=EPy8iVrz3ho
In this video, I’ll show you how I created a triangle animation using pure HTML and CSS. Watch as the triangle morphs and transforms in a continuous loop, creating a hypnotic visual effect. • What you'll learn: • How to use clip-path to create geometric shapes. • Creating smooth animations with CSS @keyframes. • Centering elements using Flexbox. • Building a seamless looping animation. • Source Code: github.com/battles4u/Morphing-Triangle-Animtation/tree/main","styleRuns":[{"startIndex":0,"length":212,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":212,"length":49,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":261,"length":1,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":262,"length":48,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":310,"length":1,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":311,"length":34,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":345,"length":1,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":346,"length":39,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"},{"startIndex":385,"length":73,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"}],"paragraphStyleRuns":[{"startIndex":212,"length":49,"listGroup":{"listType":"LIST_TYPE_BULLET","listItems":[{"listType":"LIST_TYPE_BULLET","startIndex":212,"length":49}]}},{"startIndex":262,"length":48,"listGroup":{"listType":"LIST_TYPE_BULLET","listItems":[{"listType":"LIST_TYPE_BULLET","startIndex":262,"length":48}]}},{"startIndex":311,"length":34,"listGroup":{"listType":"LIST_TYPE_BULLET","listItems":[{"listType":"LIST_TYPE_BULLET","startIndex":311,"length":34}]}},{"startIndex":346,"length":39,"listGroup":{"listType":"LIST_TYPE_BULLET","listItems":[{"listType":"LIST_TYPE_BULLET","startIndex":346,"length":39}]}},{"length":386}]},"headerRuns":[{"startIndex":0,"length":212,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":212,"length":49,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":261,"length":1,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":262,"length":48,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":310,"length":1,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":311,"length":34,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":345,"length":1,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":346,"length":39,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"},{"startIndex":385,"length":73,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"}]}},{"itemSectionRenderer":{"contents":[{"continuationItemRenderer":{"trigger":"CONTINUATION_TRIGGER_ON_ITEM_SHOWN","continuationEndpoint":{"clickTrackingParams":"CKkBELsvGAIiEwijnJ2Rw9qLAxXVi4wIHXXZFzM=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/next"}},"continuationCommand":{"token":"Eg0SC0VQeThpVnJ6M2hvGAYyJSIRIgtFUHk4aVZyejNobzAAeAJCEGNvbW1lbnRzLXNlY3Rpb24%3D","request":"CONTINUATION_REQUEST_TYPE_WATCH_NEXT"}}}}],"trackingParams":"CKkBELsvGAIiEwijnJ2Rw9qLAxXVi4wIHXXZFzM=","sectionIdentifier":"comment-item-section","targetId":"comments-section"}}],"trackingParams":"CKgBELovIhMIo5ydkcPaiwMV1YuMCB112Rcz"}},"secondaryResults":{"secondaryResults":{"results":[{"compactVideoRenderer":{"videoId":"jfLtSF_ITq0","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/jfLtSF_ITq0/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLAUEi8B84DzXcLeHs2I0KN4dFn1Lg","width":168,"height":94},{"url":"https://i.ytimg.com/vi/jfLtSF_ITq0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLCBvCVTH9_WXfOykyO6-JVjoYnvRQ","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"3D rotating cards using CSS by Sumod Panicker 486 views 13 days ago 4 minutes, 47 seconds"}},"simpleText":"3D rotating cards using CSS"},"longBylineText":{"runs":[{"text":"Sumod Panicker","navigationEndpoint":{"clickTrackingParams":"CKEBEKQwGAAiEwijnJ2Rw9qLAxXVi4wIHXXZFzMyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@SPLearnCSS","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCr0oyAvqtBguzZbs-0peqBA","canonicalBaseUrl":"/@SPLearnCSS"}}}]},"publishedTimeText":{"simpleText":"13 days ago"},"viewCountText":{"simpleText":"486 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"4 minutes, 47 seconds"}},"simpleText":"4:47"},"navigationEndpoint":{"clickTrackingParams":"CKEBEKQwGAAiEwijnJ2Rw9qLAxXVi4wIHXXZFzMyB3JlbGF0ZWRImrzP15WRr_4QmgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=jfLtSF_ITq0","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"jfLtSF_ITq0","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr5---sn-nv47lns7.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=8df2ed485fc84ead ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=2541250 mt=1740338239 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Sumod Panicker","navigationEndpoint":{"clickTrackingParams":"CKEBEKQwGAAiEwijnJ2Rw9qLAxXVi4wIHXXZFzMyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@SPLearnCSS","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCr0oyAvqtBguzZbs-0peqBA","canonicalBaseUrl":"/@SPLearnCSS"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/rCaIhuThVNfdWId43Nq7Lh8HOAsSWM9UgW9kN6dt11bmbwpiIVmy50_hzsGi-RZR-Zf6gViQ=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CKEBEKQwGAAiEwijnJ2Rw9qLAxXVi4wIHXXZFzNArZ2h_oWpu_mNAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"486 views"}},"simpleText":"486 views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CKYBEP6YBBgGIhMIo5ydkcPaiwMV1YuMCB112Rcz","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKYBEP6YBBgGIhMIo5ydkcPaiwMV1YuMCB112Rcz","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"jfLtSF_ITq0","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKYBEP6YBBgGIhMIo5ydkcPaiwMV1YuMCB112Rcz","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["jfLtSF_ITq0"],"params":"CAQ%3D"}},"videoIds":["jfLtSF_ITq0"]}},{"clickTrackingParams":"CKYBEP6YBBgGIhMIo5ydkcPaiwMV1YuMCB112Rcz","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CKcBELlqIhMIo5ydkcPaiwMV1YuMCB112Rcz"}},"popupType":"TOAST"}}]}},"trackingParams":"CKYBEP6YBBgGIhMIo5ydkcPaiwMV1YuMCB112Rcz"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CKUBENGqBRgHIhMIo5ydkcPaiwMV1YuMCB112Rcz","offlineVideoEndpoint":{"videoId":"jfLtSF_ITq0","onAddCommand":{"clickTrackingParams":"CKUBENGqBRgHIhMIo5ydkcPaiwMV1YuMCB112Rcz","getDownloadActionCommand":{"videoId":"jfLtSF_ITq0","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CKUBENGqBRgHIhMIo5ydkcPaiwMV1YuMCB112Rcz"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CKEBEKQwGAAiEwijnJ2Rw9qLAxXVi4wIHXXZFzM=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtqZkx0U0ZfSVRxMA%3D%3D","commands":[{"clickTrackingParams":"CKEBEKQwGAAiEwijnJ2Rw9qLAxXVi4wIHXXZFzM=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CKQBEI5iIhMIo5ydkcPaiwMV1YuMCB112Rcz","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CKEBEKQwGAAiEwijnJ2Rw9qLAxXVi4wIHXXZFzM=","hasSeparator":true}}],"trackingParams":"CKEBEKQwGAAiEwijnJ2Rw9qLAxXVi4wIHXXZFzM=","accessibility":{"accessibilityData":{"label":"Action menu"}},"targetId":"watch-related-menu-button"}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"4 minutes, 47 seconds"}},"simpleText":"4:47"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CKMBEPnnAxgBIhMIo5ydkcPaiwMV1YuMCB112Rcz","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"jfLtSF_ITq0","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CKMBEPnnAxgBIhMIo5ydkcPaiwMV1YuMCB112Rcz","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"jfLtSF_ITq0"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CKMBEPnnAxgBIhMIo5ydkcPaiwMV1YuMCB112Rcz"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CKIBEMfsBBgCIhMIo5ydkcPaiwMV1YuMCB112Rcz","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKIBEMfsBBgCIhMIo5ydkcPaiwMV1YuMCB112Rcz","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"jfLtSF_ITq0","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKIBEMfsBBgCIhMIo5ydkcPaiwMV1YuMCB112Rcz","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["jfLtSF_ITq0"],"params":"CAQ%3D"}},"videoIds":["jfLtSF_ITq0"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CKIBEMfsBBgCIhMIo5ydkcPaiwMV1YuMCB112Rcz"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"3D rotating cards using CSS - 4 minutes, 47 seconds - Go to channel - Sumod Panicker - 486 views - 13 days ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/jfLtSF_ITq0/mqdefault_6s.webp?du=3000 sqp=CP3Z7b0G rs=AOn4CLBY2qw2YosnEczkjF488bqAhgsj5Q","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"P1RmGdNPCdE","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/P1RmGdNPCdE/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLB4UqtiJREyzXr1lr5mXxIgdpc4Dw","width":168,"height":94},{"url":"https://i.ytimg.com/vi/P1RmGdNPCdE/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLDgj9ssPY7Kly9p6tj4Lxaa-3FJuQ","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"I Made a BETTER Checkers by Oats Jenkins 68,610 views 1 day ago 15 minutes"}},"simpleText":"I Made a BETTER Checkers"},"longBylineText":{"runs":[{"text":"Oats Jenkins","navigationEndpoint":{"clickTrackingParams":"CJoBEKQwGAEiEwijnJ2Rw9qLAxXVi4wIHXXZFzMyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@OatsJenkins","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCe5M831TebjiaSuQZkfp7LA","canonicalBaseUrl":"/@OatsJenkins"}}}]},"publishedTimeText":{"simpleText":"1 day ago"},"viewCountText":{"simpleText":"68,610 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"15 minutes"}},"simpleText":"15:00"},"navigationEndpoint":{"clickTrackingParams":"CJoBEKQwGAEiEwijnJ2Rw9qLAxXVi4wIHXXZFzMyB3JlbGF0ZWRImrzP15WRr_4QmgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=P1RmGdNPCdE","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"P1RmGdNPCdE","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---sn-uxaxiv0nxx5q-nv4l.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=3f546619d34f09d1 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=663750 mt=1740338239 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Oats Jenkins","navigationEndpoint":{"clickTrackingParams":"CJoBEKQwGAEiEwijnJ2Rw9qLAxXVi4wIHXXZFzMyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@OatsJenkins","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCe5M831TebjiaSuQZkfp7LA","canonicalBaseUrl":"/@OatsJenkins"}}}]},"badges":[{"metadataBadgeRenderer":{"style":"BADGE_STYLE_TYPE_SIMPLE","label":"New","trackingParams":"CJoBEKQwGAEiEwijnJ2Rw9qLAxXVi4wIHXXZFzM="}}],"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_nP5dkvlsBxXxYVdfFHiTFH2ZPv4uxdyyxXMOwGX1dSty8Y=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"ownerBadges":[{"metadataBadgeRenderer":{"icon":{"iconType":"CHECK_CIRCLE_THICK"},"style":"BADGE_STYLE_TYPE_VERIFIED","tooltip":"Verified","trackingParams":"CJoBEKQwGAEiEwijnJ2Rw9qLAxXVi4wIHXXZFzM=","accessibilityData":{"label":"Verified"}}}],"trackingParams":"CJoBEKQwGAEiEwijnJ2Rw9qLAxXVi4wIHXXZFzNA0ZO8mp3Dmao_","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"68K views"}},"simpleText":"68K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CJ8BEP6YBBgIIhMIo5ydkcPaiwMV1YuMCB112Rcz","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CJ8BEP6YBBgIIhMIo5ydkcPaiwMV1YuMCB112Rcz","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"P1RmGdNPCdE","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CJ8BEP6YBBgIIhMIo5ydkcPaiwMV1YuMCB112Rcz","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["P1RmGdNPCdE"],"params":"CAQ%3D"}},"videoIds":["P1RmGdNPCdE"]}},{"clickTrackingParams":"CJ8BEP6YBBgIIhMIo5ydkcPaiwMV1YuMCB112Rcz","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CKABELlqIhMIo5ydkcPaiwMV1YuMCB112Rcz"}},"popupType":"TOAST"}}]}},"trackingParams":"CJ8BEP6YBBgIIhMIo5ydkcPaiwMV1YuMCB112Rcz"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CJ4BENGqBRgJIhMIo5ydkcPaiwMV1YuMCB112Rcz","offlineVideoEndpoint":{"videoId":"P1RmGdNPCdE","onAddCommand":{"clickTrackingParams":"CJ4BENGqBRgJIhMIo5ydkcPaiwMV1YuMCB112Rcz","getDownloadActionCommand":{"videoId":"P1RmGdNPCdE","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CJ4BENGqBRgJIhMIo5ydkcPaiwMV1YuMCB112Rcz"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CJoBEKQwGAEiEwijnJ2Rw9qLAxXVi4wIHXXZFzM=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtQMVJtR2ROUENkRQ%3D%3D","commands":[{"clickTrackingParams":"CJoBEKQwGAEiEwijnJ2Rw9qLAxXVi4wIHXXZFzM=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CJ0BEI5iIhMIo5ydkcPaiwMV1YuMCB112Rcz","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CJoBEKQwGAEiEwijnJ2Rw9qLAxXVi4wIHXXZFzM=","hasSeparator":true}}],"trackingParams":"CJoBEKQwGAEiEwijnJ2Rw9qLAxXVi4wIHXXZFzM=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"15 minutes"}},"simpleText":"15:00"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CJwBEPnnAxgDIhMIo5ydkcPaiwMV1YuMCB112Rcz","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"P1RmGdNPCdE","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CJwBEPnnAxgDIhMIo5ydkcPaiwMV1YuMCB112Rcz","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"P1RmGdNPCdE"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CJwBEPnnAxgDIhMIo5ydkcPaiwMV1YuMCB112Rcz"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CJsBEMfsBBgEIhMIo5ydkcPaiwMV1YuMCB112Rcz","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CJsBEMfsBBgEIhMIo5ydkcPaiwMV1YuMCB112Rcz","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"P1RmGdNPCdE","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CJsBEMfsBBgEIhMIo5ydkcPaiwMV1YuMCB112Rcz","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["P1RmGdNPCdE"],"params":"CAQ%3D"}},"videoIds":["P1RmGdNPCdE"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CJsBEMfsBBgEIhMIo5ydkcPaiwMV1YuMCB112Rcz"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"I Made a BETTER Checkers - 15 minutes - Go to channel - Oats Jenkins - 68K views - 1 day ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/P1RmGdNPCdE/mqdefault_6s.webp?du=3000 sqp=CK7b7b0G rs=AOn4CLCfdLiULnHP7ZbQqkddNLUguDK2PQ","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"lockupViewModel":{"contentImage":{"collectionThumbnailViewModel":{"primaryThumbnail":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/vjW2ihwOfxk/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ== rs=AOn4CLBg9834uWot1IJqLgsXc5N0sZEgUg","width":168,"height":94},{"url":"https://i.ytimg.com/vi/vjW2ihwOfxk/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE= rs=AOn4CLDT8uX-DF_nKNO5HbLuQGXZWVkjbw","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAYLISTS"}}]},"text":"23 videos","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","backgroundColor":{"lightTheme":1778739,"darkTheme":1778739}}}],"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":2700876,"darkTheme":2700876}}},"stackColor":{"lightTheme":7044249,"darkTheme":7766419}}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"CSS Animation"},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"Sumod Panicker
#############################
