innerfade plugin

by dekkard

HTML

<script src="https://gist.githubusercontent.com/unconditional/e8be1345399622ba857a/raw/901c47fe4fb6b53be7a157bcf92a7db286853ae6/jquery.innerfade.js"></script>

<div class='changer'>
    <p>Am a <span class='highlight1'>Web Maker </span></p>

    <p>Am a <span class='highlight1'>Windows Phone Dev</span></p>

    <p>Am a <span class='highlight1'>Reverse Engineer</span></p>

    <p>Am an <span class='highlight1'>UI/UX Lover </span></p>

    <p>Am a <span class='highlight1'>Geek</span></p>

    <p>Am a <span class='highlight1'>Human </span></p>
</div>

CSS

.changer{
  margin: 100px 50px;
  font-size: 2em;
  font-weight: bold;
    
  border: 1px solid red;
}

JavaScript

$(document).ready(
    function(){
        $('.changer').innerfade({
            animationtype: 'slide',
            speed: 750,
            timeout: 2000,
            type: 'sequence',
            containerheight: '1em'
        });
});