Всем привет! Есть анимация, организованная спрайт-листом из 90 фреймов, keyframes from translateX(0) to translateX(-3960px) и анимацией -moz-animation: animation_name 5s steps(45) infinite. Сдвигается элемент, у которого background-image собственно и есть спрайт-лист, у родительского элемента overflow-hidden. Проблема: на Firefox персонаж дёргается. При времени анимации в 50с вижу что каждый четный фрейм чуть левее нечетного. При этом в других браузерах нормально. Пробовал спрайт-лист разбить на отдельные картинки и пихнуть в гиф (онлай-сервисом) — там всё норм (т.е. спрайт-лист вроде бы нормальный). `will-change: transform`прописан. Возможно, кто-то сталкивался с таким? Куда смотреть, как лечить? Анимация "дёрганная" именно на firefox.

а попробуй прописать еще к анимации translatez(0), были моменты когда лечились какие-то мелкие косяки. Но лучше сделай песочницу, что бы у кого есть желание посмотрел

Подскажите, что с ним такое? :D
p.s. там позиция absolute

before просит разве не видно

ну,да
поле нужно расширять)

Подскажите, что с ним такое? :D
p.s. там позиция absolute

Странное желание , ведь в поле вводят данные, а курсор двигается вправо по мере ввода данных

Убери подсказку и скинь скрин стилей

Убери подсказку и скинь скрин стилей

Убери подсказку и скинь скрин стилей

такая таска...

Через js и то в зависимости от количества символов в инпут, увеличивает его ширину , только это в голову пришло

ребят
а как увеличивать длинну блока в зависимости от контента?
типа если у меня есть инпут
min-width 100px
max-width 300px
но если превышает - то тогда ellipse делать

всем привет
кто-нибудь сталкивался с проблемой отображения svg через тег <use> в Google Chrome ?