Отключить масштабирование / изменение размера img? (Как получить «эффект раскрытия»?) - PullRequest
2 голосов
/ 12 декабря 2011

У меня есть элемент img.Но я хочу отключить его «способность» к изменению размера, пока я увеличиваю его ширину.

Это анимация, из-за которой я медленно открываю изображение слева направо.

Но если изменение размера / масштаба по ширине установлено на , оно не выглядиткак изображение медленно раскрывается, но похоже, что оно медленно увеличивается в ширину, а это не то, что я хочу.

Я использую javascript для увеличения ширины, есть ли способ сделатьизменение размера изображения отключить?Может быть, я могу установить для css display или position что-нибудь?

Я занимаюсь разработкой только для iPad, поэтому лучшим решением является атрибут CSS3 или метод HTML5.

Ответы [ 2 ]

1 голос
/ 12 декабря 2011

Это на самом деле очень похоже на другой вопрос сегодняшнего дня .

Вы можете поместить свое изображение в div;присвойте div стили

overflow:hidden; 
width:0px;

, затем анимируйте ширину div на всю ширину вашего изображения, и оно будет медленно отображаться слева направо.

0 голосов
/ 12 декабря 2011

Очень просто использовать обтекание div и overflow:hidden; Я использовал CSS3-анимацию, но важно то, что важно.

div{overflow:hidden; 
    -webkit-animation: imageHide 5s infinite;}

@-webkit-keyframes imageHide {
        0%   { width: 0px; }
        100% { width: 300px; }
}

Демо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...