Как плавно поднять текст при наведении?

Question

[Николай Лялин]

Здравствуйте! Сделал текст, а к ним CSS, который будет поднимать текст. Проблема в том, что текст при наведении поднимается резко, как можно сделать плавно?

<div>
<a class="text" href="/hi/">Привет!</a>
</div>

.text a{
    position: relative;
}
.text:hover a{
    top:-1px;
}

Answer 1

[coderisimo]

Эксперементируйте! ))

Answer 2

[Lukmann]

.text a{
    position: relative;
    transition: 0.3s ease;
}

transition добавьте