How should elements be hidden so that their appearance can be animated?

Question

css

If you set display: none, then the appearance of the element cannot be animated.
What is the best way to hide elements in such cases?

Answer 1

For example:
display: hidden
display: block
You can also do the same with absolute positioning:
position: absolute
margin-left: - 99999
position: realative
margin-left: 0px