Within CSS what is the difference between opacity:0 and display:none? [duplicate]

Answer 1

display: none lets the element disappear. Just like it isn't present. This means your layout may change.

opacity: 0 this one just makes your element invisible. It doesn't take any effect on your layout.