Approach Demo: Grow and color

gistfile1.html

<!--
  Notice that the size and color of the text above changes
  as your cursor approaches it.
-->

<!-- Beginning styles -->
<style>
  a#demo-link {
    font-size: 24px;
    color: #FFFFCC;
    line-height: 1.5em;
    text-align: center;
    text-decoration: none;
  }
</style>

<!-- The element -->
<a id="demo-link">I grow and change color</a>

<!-- 
  Approach
  Note: jQuery and jQueryUI (needed for the color change) are already included in this page.
-->
<script>
  $("a#demo-link").approach({
      "fontSize": "40px"
    , "color": "#CC3300"
  }, 200);
</script>