.animate_scale { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .animate_scale:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } /*** following is just box styling ***/ .box { height: 50px; width: 200px; padding: 5px; border-radius:10px; margin: 10px; cursor:pointer; border:2px solid #0079FF; letter-spacing: -0.5; font: 20px/50px 'PT Sans', sans-serif; text-align: center; background-color: #0079FF; color:#fff; -webkit-box-shadow: 1px 1px 2px #aaa, 1px 1px 1px #6cf inset; box-shadow: 1px 1px 2px #aaa, 1px 1px 1px #6cf inset; }
<div class="box animate_scale"> Size Demo </div>