TWO Awesome Animated Search Bars | just HTML & CSS | Advanced CSS Series

Hello Guys, Welcome to my new series, advanced CSS. In this episode we will be looking at two different ways we can create an animated search bar. I hope you guys enjoy. Please like and please subscribe. Enjoy 😉 😊 SUBSCRIBE and hit the BELL NOTIFICATION 🔔: https://www.youtube.com/channel/UCdk1gD0-_tjbYmPl3v6oLvA Microphone I Use Blue Yeti USB Microphone: https://amzn.to/3wYPIH0 RØDE PSA1 Arm: https://amzn.to/3lWU37t PC Specs MSI GeForce GTX 1660 SUPER VENTUS XS OC: https://amzn.to/3M53Nai Intel Core i9-11900K: https://amzn.to/3lSPJGp Kingston 480GB Q500: https://amzn.to/3NKDebA MSI MAG B560 TOMAHAWK: https://amzn.to/3lZbpQY MSI MAG FORGE 100R Mid Tower: https://amzn.to/3awoBum 27" Ultrasharp 4k Monitor: https://amzn.to/3z6IyC9 PINKCAT, Wireless Keyboard and Mouse Set: https://amzn.to/3abeyuB 00:00 - Introduction 01:08 - HTML Mark-up (Example 1) 03:10 - Global styles & Flexbox 05:06 - CSS styling for Example 1 09:18 - HTML Mark-up (Example 2) 11:22 - CSS styling for Example 2 DISCLAIMERS: I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.