javascript - How to add animation in text carousel? -

i'm making text carousel , want give effect using animation. know how use animation don't know how can apply animation in case. if can give me example of how add animation effect, modify code. :)

see fiddle : https://jsfiddle.net/jyy64c1k/1/

my html:

<p id="hittheblock">    reveal somewhere </p> 

my jquery

(function(){        var flippercontent = ['make big decision','make big mistakes','make big inventions'];       var index = 0;         function flipperslider(){          var flipper = $('#hittheblock');         var messagelibrary = flippercontent[index];         flipper[0].innerhtml = messagelibrary;         index++;          if(index >= flippercontent.length){             index = 0;         }         }         setinterval(flipperslider,4000);  })(); 

you can 1 below:

demo here

flipper.slideup('400',function(){      flipper[0].innerhtml = messagelibrary;   }).slidedown('400');