Я пытаюсь использовать CSS3 переходы для анимации CSSclip без успеха. Изображение просто обрезается без перехода.

Что мне не хватает?

#clipped {
    position:absolute;
    width: auto;
    clip: rect(100, 100, 100, 100);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#clipped:hover {
    clip: rect(50px, 200px, 200px, 0);
}

скрипка