помогите пожалуйста!!! (html и css) Как при наведении РАВНОМЕРНО увиличить блок? (через :hover) плиз РАВНОМЕРНО!!!

спасибо

(html)<div class="test"></div>(css).test {background: red; -webkit-transition: all 0.5s ease;; -moz-transition: all 0.5s ease;; -o-transition: all 0.5s ease;; transition: all 0.5s ease;}.test:hover {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.0);}с помощью "transition"