title: How do I achieve navigating effect within a view in HTML/JS/CSS?
body: <p>I wonder how do I make an audience feel like navigating a single page and zoom in/out like the link below.</p>
  <p><a href="https://pudding.cool/2017/09/hip-hop-words/" rel="nofollow noreferrer">https://pudding.cool/2017/09/hip-hop-words/</a></p>
  <p>I looked into inspector's css and it uses background-posiiton which I haven't used?
  It might have something to do with this attribute I guess?</p>
  <p>But not sure what makes the page feel like i'm actually zooming in the page.</p>
  <p>before zoom
  <a href="https://i.stack.imgur.com/sz1Hc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sz1Hc.png" alt="enter image description here" /></a></p>
  <p>after zoom
  <a href="https://i.stack.imgur.com/omAzZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/omAzZ.png" alt="enter image description here" /></a></p>