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