Animated Input Tutorial With HTML And CSS | Material UI

In this tutorial we'll be coding an animated input that reveals when focusing on the input with just HTML and CSS!
💛 Be sure to comment like and subscribe to the channel! I have plenty more videos: / @thetechteam

[@hiroshin4619]

I'm assuming the blue border moves back because transform: translateY(0%) overwrites translateX(-100%)? Did you mean to write translateX(0%)?