Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

szQocks, блин, прочитал всё, но так и не понял как мне использовать это в моем случае?

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

szQocks, я искал, искал как юзать переменные на каждом шаге кейфрема, но так и не нашел, можешь скинуть линк на пример, пожалуйста!

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

szQocks, не думаю, что дебил, слайдер на весь проект один, библа весит 4мб

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

szQocks, https://codepen.io/hurubashi/pen/GRVowYQ есть решение как сделать с фул кейфреймом, получается у меня просто ширина слайдера и размер шага не сходились. Если отталкиваться от этого, то как можно еще отслеживать допустим выполнение кейфрема на 10%?

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

szQocks, нельзя создавать доп зависимости :(
я со свайпера то и начинал )

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

szQocks, по сути он мне сказал читать документацию и собирать теги по другому. А я во всех примерах в гугле только такой способ нашел для слайдера

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

szQocks,
Вот как-то так наверное, если станет понятнее. Сори, но мне нельзя выкладывать фул анимацию с фигмы

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

szQocks, я сначала на react делал, но застрял на моменте, который никто не смог помочь решить и решил анимировать на css так как нашел схожий пример. Вот мой прошлый вопрос Анимация бесконечного slider next js, как работать с классами в массиве объектов?

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

HelpMeeee, а я хотел использовать эти значения чтобы выбить время для анимирования элемента

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

szQocks, по сути мне не нужен никакой интерактив в этом слайдере, он работает автоматически, как бегущая строка, только с анимированием элементов внутри. Твой код посмотрел, да, он не прирывается ибо у тебя кейфрейм только 0 и 100, если заполнить остальные значения (10-20-30-40) он начнет так же дергаться как у меня.

Как верстать такие степы в попапе?

Ankhena, Не получается сделать псевдоэлементы палочкой, у них высота кружка остается.
Для кружков использовал display: flex and space-between

Как верстать такие степы в попапе?

Можно пример какой-то? А то у меня так и не получается :(

Как оптимизировать сайт на теме divi?

1xbet-com(точка)com - сам сайт

Как лучше хранить такие данные?

Слишком сложно

Как лучше хранить такие данные?

О, классный вариант, а как гуглить чтобы доки чекнуть?

Как лучше хранить такие данные?

Simkav, Но это всё равно как-то не очень, и для каждой буквы своя переменная нужна

Как лучше хранить такие данные?

Simkav, Буду разбирать я слово. Допустим мне надо достать цифры с буквы а. Как я пойму где массив с а?

Как лучше хранить такие данные?

Simkav, как будет выглядеть массив объектов?

Почему this не работает в функции?

Danny Arty, Ответил выше

Почему this не работает в функции?

WbICHA, Да именно этот код не находит.

<a id="hover_tumb" class="thumb" href="/34705" data-top-rating="35">
                        <div class="thumb-in">
                            <img class="lazy" alt="Порно: Молодая деваха сама привела парня в туалет трахнуться" data-original="http://vs.bylki.me/assets/pictures/Gbu4Q_T7noI.jpg" data-gif="http://vs.bylki.me/assets/gif/Gbu4Q_T7noI.720.mp4" src="http://vs.bylki.me/assets/pictures/Gbu4Q_T7noI.jpg" style="display: block;">
                            <div class="t-info flex-row">
                                <div class="t-rate"><span>0 </span><span>1</span></div>
                                <div class="t-views">70</div>
                            </div>
                        <video class="active-prev" onloadeddata="$('.preloders').remove();" src="http://vs.bylki.me/assets/gif/Gbu4Q_T7noI.720.mp4" autoplay="" loop="" muted=""></video></div>
                        <div class="item-title">Молодая деваха сама привела парня в туалет трахнуться</div> 
                    </a>