Чтобы не редактировать сам файл.html и анимировать все вторые буквы в тегах <i> можно сделать так.
<head>
<meta charset="utf-8">
</head>
<body>
<i>Тест</i> <i>XXXX</i> <i>павпав</i> <i>авпвап</i> <i>впавпап</i> <i>кекуек</i> <i>кеу</i> <i>Тtret</i> <i>retetr</i>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$('i').each(function(){
var a = $(this).html().split('');
a.splice(1, 1, '<span>'+a[1]+'</span>');
a=a.join('')
$(this).html(a);
});
$('i>span').css({'position':'relative'}).animate({'top' : '20px'},1000).fadeOut(500);
</script>
</body>
