Transform Text To Another Text On Mouse Hover
<p>How can i make my actual text transform into another text when the user hovers his/her mouse on top of the original text. I have provided the HTML code below. Any feedback is much appreciated!</p>

<pre><code>&lt;a href="#" class="btn_action_1"&gt;
    &lt;span&gt;Justice League&lt;/span&gt;
&lt;i class="ico_arrow"&gt;&lt;/i&gt;
&lt;/a&gt;
</code></pre>

<p>EX: I have a text called ABC. When user points mouse on ABC, the element will transform into DEF. Got my point?</p>