Create a Smooth Nav Bar Animation Using HTML & CSS

array(10) { [0]=> object(stdClass)#4650 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "U8smiWQ8Seg" ["related_video_title"]=> string(57) "How to create a Responsive Navigation Bar (for beginners)" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(9) "Coding2GO" } [1]=> object(stdClass)#4623 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "PwWHL3RyQgk" ["related_video_title"]=> string(67) "Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox" ["posted_time"]=> string(19) "6 лет назад" ["channelName"]=> string(11) "Skillthrive" } [2]=> object(stdClass)#4648 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "DOEtVdkKwcU" ["related_video_title"]=> string(92) "Начни учить HTML с этого курса (Понятно даже чайнику)" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(47) "Владилен Минин | Result University" } [3]=> object(stdClass)#4655 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "oLgtucwjVII" ["related_video_title"]=> string(58) "How to Create Responsive Navigation Bar using HTML and CSS" ["posted_time"]=> string(19) "5 лет назад" ["channelName"]=> string(11) "CodingNepal" } [4]=> object(stdClass)#4634 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "vZPynhI7EGk" ["related_video_title"]=> string(50) "CSS Nav Menu Bar Hover Effects | CSS Hover Effects" ["posted_time"]=> string(19) "5 лет назад" ["channelName"]=> string(8) "SoftCode" } [5]=> object(stdClass)#4652 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Tef1e9FiSR0" ["related_video_title"]=> string(89) "Полная дорожная карта фронтенд-разработчика [2024]" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(21) "Programming with Mosh" } [6]=> object(stdClass)#4647 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "gD4x4KiCaW4" ["related_video_title"]=> string(170) "Итоги дня | Роскошная свадьба Кадырова | Киркоров против репрессий | Задержан главный патриот" ["posted_time"]=> string(24) "13 часов назад" ["channelName"]=> string(37) "Популярная политика" } [7]=> object(stdClass)#4657 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "ArTVfdHOB-M" ["related_video_title"]=> string(87) "Magic Navigation Menu Indicator using Html CSS & Javascript | Curve Outside Effects" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(16) "Online Tutorials" } [8]=> object(stdClass)#4633 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "cLOT0APQzDs" ["related_video_title"]=> string(88) "Create A Responsive E-Commerce Flower Shop Website Design Using Pure HTML & CSS Only" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(16) "Mr. Web Designer" } [9]=> object(stdClass)#4651 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "cDLVIoXW-OQ" ["related_video_title"]=> string(60) "CSS Animations | Sigma Web Development Course - Tutorial #46" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(13) "CodeWithHarry" } }