Плавное изменение картинки при наведениии - Вопросы по CSS

Чтобы добиться плавного увеличения картинки при наведении мыши, нужно (спасибо htmlbook.ru) приписать к классу картинки :hover и придать стили, например -

.turn:hover
{transform: scale(1.05);
transition: transform 0.3s linear 0s;}

А как добиться плавного возвращения картинки в исходное состояние после ухода мыши? Сейчас происходит резкий переход.

А как добиться плавного возвращения картинки в исходное состояние после ухода мыши? Сейчас происходит резкий переход.

Только js, спрашивай гугла 

А как добиться плавного возвращения картинки в исходное состояние после ухода мыши? Сейчас происходит резкий переход.

Попробуйте так

.turn
{transform: scale(1.0);
transition: transform 0.3s linear 0s;}

.turn:hover
{transform: scale(1.05);
}