HTML/CSS questions

Question

Hi guys, I'm new to this world, so I'm sorry if I'm not explaining myself well. I was making a login page, and I'd like to know three things:

1. How can I make there be more space between the email and password fields?

2. How can I put a transition to the <h1>? So that when you enter the page it appears slowly.

3. How can I put for example a circle or a line behind <h1> for example?

I will be really grateful for your help.
Greetings ☺️

Answer 1

1.more space: increase either the margin-bottom of the top element or margin-top of the bottom element.

2.maybe you want animation instead of transition?

3.div with negative z-index and position:absolute.

I combined 2 and 3. Not sure what kind of animation you have in mind, so I just played around...
https://sololearn.com/compiler-playground/W7oefPJpC1MS/?ref=app

Answer 2

I was referring to the animation, sorry for the confusion, and thanks for the reply Bob_Li ! You really helped me a lot.

Answer 3

perhaps post a sample code of what you have in mind. We will help you achieve what you're going for.