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.

Answer 4

the link doesn't appear to be working for app users., here is a url-corrected version.
The css is definitely wonky...

https://sololearn.com/compiler-playground/W0zVoCXNZAHm/?ref=app

Answer 5

Helen Calle
maybe something like this?
not sure what style you want for the "welcome back" in the '.welcoming' splash screen, so I just placed a circle behind it.

https://sololearn.com/compiler-playground/Wk9QMhemvMEU/?ref=app

Answer 6

It's super good. Thank you very much, I will use it as a reference to do it in my style. Thank you very much for the help 🙌🏻

Answer 7

Hi! I'll send you what I'm doing. I've tried to apply it, but nothing appears. Could it be that something in my code that I've written is wrong, and that's why nothing happens when I try to add the circle behind the titles? Greetings, and sorry for not understanding well.
https://www.sololearn.com/en/compiler-playground/W0zVoCXNZAHm
.
.
To give you some context, I'm doing an assignment for my course. I asked my teacher, but she just said to search the code and apply it :/