CSS : transition

マウスオーバーすると真っ赤に染まる

<style>
  .trans      {transition: all 1s;}
  .trans:hover{background-color: red;}
</style>
<div class="trans">マウスオーバーすると真っ赤に染まる</div>