Sign Up Form | Figma to HTML CSS

In this video I go over how to create this Sign Up form using only HTML and CSS. I show you the full front end coding tutorial, where I create the structure of the elements in HTML and then write all of the styling and effects with CSS. I use Flexbox for the layout of the form elements and then add hover and focus states. I created this animated sign up form by including transitions so the design animates from the regular state to the hover and then to the focus state.

In this video I show you:
0:58 - Figma design overview
1:19 - Starting Code
1:42 - HTML Code
4:13 - CSS Code
7:11 - Sign Up Form CSS
12:02 - Hover and Focus States

Let's Connect

#signupform #htmlcss #designtocode

[craigjohnson]

Angela you're an amazing teacher! Your designs are pure art. Thanks for sharing the knowledge.

[quantumcity]

Awesome explanation !!
thank you so much

[jahanzaibhussain]

such a nice way of describing this contents.. thanks

[muhammadsubhanakram]

can you provide this Figma design? we need for practice