Плавная анимации любого элемента на сайте с помощью CSS

Для плавной анимации любого элемента на сайте:

1) В первую очередь должна быть грубая анимация. Это может быть, например, изменение внешнего вида элемента сайта при наведении, в стиле прописывается как:

идентификатор_елемента:hover{новый стиль внешнего вида елемента при наведении}

2)А в css надо вставить вот это:

-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;