I am looking to add a creative typography effect by rotating a portion of a sentence. I have experimented with jQuery animations.
Specifically, I am interested in animating a word upwards. Here is the code snippet I have been working on:
window.setInterval(function() {
$("#tchange").animate({
"top": "-=15px"
}, 100).fadeOut("fast");
$('#tchange').text("Xyz").css('top', '-10px').slideDown("slow");
}, 2000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1 class="remove-bottom" style="margin-top: 40px">
Get on the Current Release.<br>
Boost your
<span id="tchange">
Competitiveness
</span>
</h1>