Lettering & CSS Transitions

by scruffles

HTML

<script src="https://github.com/downloads/davatron5000/Lettering.js/jquery.lettering-0.6.1.min.js"></script>
<div id="word">Animate</div>

CSS

#word {
    text-transform: uppercase;
}

#word span {
    -webkit-transition: 1s all;
    font-size: 80px;
    color:white;
}
#word span:hover {
    -webkit-transition: all 0s linear;
    color:purple;
}

JavaScript

$("#word").lettering();