Для плавного изменения значения какого-либо стилевого свойства используется свойство transition с указанием времени перехода. Например:
div { transition: 1s; } div:hover { transform: translateY(10px); }