What is the difference between opacity: 0, visibility: hidden, display: none?

The above attributes are hidden elements that are not visible to the user. So what’s the difference?

<img src=”https://noxussj.top:3000/18/1.png”></img>

additional

• This article is published through multiple platforms of “We Media” and will not be maintained after publication. If you have any objection to the content, you can discuss it in the GitHub below
• The ongoing maintenance / 500 + face questions before update/notes 】 https://github.com/noxussj/In…
• [3D city modeling using three. JS (Zhuhai City)] https://3d.noxussj.top/