Слегка увеличить объект при наведении
Слегка увеличивать объект при наведении можно через параметр scale() свойства transform.
.element:hover { transform: scale(1.1); }
Также можно указать свойство transition, чтобы увеличение объекта было плавным (анимированным).
.element { /* … */ transition: transform .2s; }
Пример: http://jsfiddle.net/4bdrcc8j/
Если надо анимационно изменить позицию элемента, то рекомендуется не использоваться, например, position: absolue, т.к. это влияет на производительность (браузеру приходится заново перерисовывать страницу). Для анимационного изменения позции рекомендуется использовать свойство transform: translate().
Поддержать автора
Все статьи создаются и поддерживаются одним человеком,
если вам нравится контент, вы можете поддержать автора сайта
