[melky]

transform:scale увеличит\уменьшит элемент в размерах (можно непропорционально изменять размеры)
transition сделает этот переход плавным.

это поддерживается в новых браузерах. глупо это НЕ использовать. для браузеров без поддержки этих свойств можно сделать через js

<style>
div {
    position : absolute;
    left : 30%;top: 30%;
    width : 100px;
    height : 100px;
    border : 1px red solid;
    background-color: yellow;
    
    transition : all 1s ease-in-out;
    -mz-transition : all 1s ease-in-out;
    -o-transition : all 1s ease-in-out;
    -webkit-transition : all 1s ease-in-out;
}
div:hover {
    transform : scale(2,2);
    -o-transform : scale(2,2);
    -mz-transform : scale(2,2);
    -webkit-transform : scale(2,2);
}
</style>
<div>наведи</div>