чтобы страницы листались как в мобильном приложении
Если вы под этим имеете ввиду некую анимацию. То можете с помощью js отловить событие ухода из страницы и сделать 50% анимации при уходе из страницы и остальные 50% при загрузке следующей страницы.
Но я бы не стал такое применять на продакшэне! Лучше донести заказчику, что анимация при переходе это не в рамках верстки.
Ankhena, не пойму, что?) я имел ввиду что я показал пример, который, тоже работает и можно использовать, если заранее известно количество карточек, а если неизвестно, то уже применить в связке с js. К сожалению не смотрел ваш вариант) но посмотрю обязательно, позже)
Роман Кузнецов, это если у вас 7 карточек из 8, к примеру, и нужно чтобы как вы хотите отображалось. А если количество карточек будет меняться. То и соответственно ширину ::after можно менять минимальным количеством js
Muranx, все верно. у него есть все. Но! обращение к el.style и .some-opt означает что после "style." вы обращаетесь напрямую к свойству css а не записываете неким переменным.
Можете здесь немного поизучать.
Muranx, потому что через "elem.style." можно обращаться к свойствам css, которые имеются. Следовательно, "el.style.backgroundColor" обращается к свойству "background-color", а "el.style.k" - к некому свойству "k"