Can anyone explain me the difference between visibility:hidden; and display:none; ?

Question

I am new in CSS Fundamental and still I'm a student studying in schools . I wanted to know about CSS Fundamental as it will help me in my future courses.

Answer 1

visibility:hidden just hides the object without setting the space free, so everything stays at the same place. display:none removes it from the view, so other objects may be placed where the object was before.

Answer 2

'visibility: hidden;' is equivalent to 'opacity: 0;', so you can use css animations/transitions on this property, while display none isn't animatable...

Answer 3

thank you for your answer

Answer 4

thank you very much

Answer 5

👍👍