Kovalsky

У Таланова есть похожая демка, вам останется только убрать лишнее и увеличивать ширину блока при наведении

В спрайтах например

"На мой взгляд оптимальным решением будет сделать это отслеживая событие клик" - изменить значение слайдера можно и не кликая на него, поэтому целесообразнее будет использовать change. Кстати есть ещё такая штука

А почему нужно сделать это именно на фронте? Это на сервере делается. Если вдруг проблема именно в викс, то насколько я знаю вы всегда можете перенести сайт с викс на другой хостинг, на котором вы сможете управлять зоной доступа, сможете настроить её так чтоб пользователи из РФ шли лесом,

403 вы точно не сможете кинуть, зато сможете ограничить контент выдаваемый клиенту. Существует куча публичных сервисов геолокации, в том числе и такие надежные как гугловые и яндексовые. Отправляете запрос туда, получаете инфу о местонахождении юзера, совершаете какие-нибудь соответствующие действия

Все что нашел по теме - https://www.chromestatus.com/feature/4897260684967936 , https://github.com/whatwg/html/issues/1920 , https://usefulangle.com/post/277/img-decoding-attribute , https://developer.mozilla.org/en-US/docs/Web/API/H...

Насколько я понимаю, во первых decoding=async не связан с lazy load'ом, тк он именно о декодинге, а не о загрузке, а во вторых его банально нету почти нигде (апдейт: оказывается он много где есть, но все равно это не отменяет того факта, что к лэйзи лоаду он не относится)

https://revealjs.com/

Конечно можно, ибо animation.css по сути только то и делает, что объявляет анимации и несколько утилитарных классов для управления duration, fill-mode и iteration-count

Отвечая на вопрос "почему так происходит?": потому что у вас реализован достаточно сложный грид со сложными условиями, к элементам которого вы еще динамически применяете какие-то кастомные стили (конкретно речь о сдвиге), вынуждающие движок перерисовывать всё-всё-всё - как элементы после целевого, так и до. Решение - либо не юзать грид (не знаю насколько это адекватный выход), либо (что мне кажется более адекватным) реализовать сдвиг как-нибудь по-другому. Например сгруппировать ячейки в строки, и двигать уже эти строки, попутно не влияя на другие элементы; это полностью решит проблему тотальной перерисовки.

Еще можно попытаться оптимизировать уже имеющийся код, ибо в нем дофига лишнего, но по сути это проблемы не решит.

Codrops спешат на помощь!

Полагаю, суть вот в этой строчке из документации:

swiperContainer - HTMLElement or string (with CSS Selector) of swiper container HTML element. Required.

Как бы это ни было странно, вы должны передать один элемент или селектор который выберет один элемент. В доказательство вот вам демка из документации

Когда-то делал сниппет добавлявший в jQuery метод onAppearanceApply суть которого заключалась в том, что он для коллекции элементов выполнял функцию при их появлении в поле зрения; собственно, в примере onAppearanceApply как раз используется для запуска анимации. При надобности переписать его на JS используя возможности современных движков не составит много труда

desandro: card flip