Переход между шириной и высотой изображения не работает

Question

Переход между шириной и высотой изображения не работает

Использование перехода при увеличении изображения не работает в Chrome.

HTML:

CSS:

        img
        {
            float: left;
            margin-right: 10px;
            border-radius: 10px;
            width: 200px;
            -webkit-transition: width 1s ease, height 1s ease;
        }
        img:hover
        {
            width: 100%;
        }

Fiddle: http://jsfiddle.net/6Dk4D/

Что не так?

17

css css3 css-transitions

задан Tyilo 7 December 2011 в 16:48

1 ответ

Другие вопросы по тегам:

css css3 css-transitions

Похожие вопросы:

score 24 · Accepted Answer

Это не будет работать с процентами, кажется. Также, если вы также хотите перейти на height, вам нужно объявить его в оригинальном стиле img. Здесь показано: http://jsfiddle.net/Skooljester/6Dk4D/1/ , это работает, если вы указываете width в пикселях для наведения.

Редактировать: Если вы задаете первое width в процентах, то второе также может быть определено в процентах и все еще работает. Спасибо, Тейло.