title: "Menu" to "Close" Text Transition
body: <p><a href="https://i.stack.imgur.com/zh580.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zh580.gif" alt="Menu to Close Transition" /></a></p>
   
  <p>I came across a neat menu transition effect, where they replace the &quot;menu&quot; text with the &quot;close&quot; text, I found it on this site - simple.com. This happens on mobile. <strong>As well as, I have a GIF of the effect above.</strong> <strong>I'm trying to replicate the same exact effect they have.</strong></p>
  <p><strong>Does anybody know how I might do this?</strong> I would like to do this using HTML, CSS, and Javascript/or jQuery.</p>
  <p>I do not have any code to show. Due to a lack of knowledge in Javascript and jQuery. Therefore, I do not even know how to describe what's going on, and what effect/transition I'm looking for it to do.</p>