Полезная информация

Не получается решить проблему на форуме? Служба технической поддержки Mozilla Россия — support@mozilla-russia.org.

№118-01-2016 17:03:16

Jarerd
Участник
 
Группа: Members
Зарегистрирован: 18-01-2016
Сообщений: 1
UA: Firefox 43.0

Баг при использовании transform

Проблема с отображением в FireFox:

Выделить код

Код:

.thumbnail-media img {
    display: block;
    margin: auto;
    transform: scale(1);
    transition: all 0.2s ease-in-out 0s, transform 4s ease-in-out 0s;
    
}

.with-overlay:hover .thumbnail-media img {
    transform: scale(1.08);
}

Сделал чтобы при наведении на картинку был постепенный эффект увеличения/уменьшения, но в FireFox эффект отрабатывает не плавно, а картинка дергается из стороны в сторону, и увеличивается, потом так же уменьшается... Если убрать свойство - "transform 4s", проблема отпадает, но увеличение/уменьшение происходит слишком быстро...
Как устранить проблему?

Отсутствует

 

№218-01-2016 18:17:17

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

Re: Баг при использовании transform

Jarerd

Если убрать свойство - "transform 4s", проблема отпадает, но увеличение/уменьшение происходит слишком быстро...

Transform сдвигает элемент, а transition плавность. Удалите  - "transform 4s".
а transition: all 0.2s ease-in-out 0s увеличте время.


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№318-01-2016 19:34:53

lakostis
Administrator
 
Группа: Administrators
Откуда: /dev/urandom
Зарегистрирован: 07-10-2004
Сообщений: 1285
Веб-сайт

Re: Баг при использовании transform

Тема перенесена из форума «Поддержка пользователей» в форум «Разработка».


Все микробы умрут

Отсутствует

 

№425-04-2016 20:03:22

andrii
Участник
 
Группа: Members
Откуда: Киев
Зарегистрирован: 25-04-2016
Сообщений: 1
UA: unknown 0.0
Веб-сайт

Re: Баг при использовании transform

так точно!!:D

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2011 Mozilla Russia
Язык отображения форума: [Русский] [English]