CSS

Я создал svg приложение в котором два объекта движутся по криволинейной траекторииЖёлтый шарик при движении не переворачивается, так как имеет симметричную форму

Как сделать границу кружочками на css, как на картинке, не используя при этом повторяющееся изображение круга, но при этом, чтобы при различном размере экрана количество кружков отличалось?

Столкнулся с проблемой что WebView игнорирует CSS переменные

у меня есть вот такой код

Приложение с поддержкой spring-mvc Вот как я его подключаю:

Пытаюсь обтравить прямоугольник по маске SVGпроблема в том, что высота прямоугольника динамическая (от 0px до 32px), а SVG-изображение подгружается из файла (фигуры могут быть совершенно разные, загруженные пользователем, и нет возможности жёстко подгружать их код)

В стандартном бесшовном фоне элементы просто повторяются, для этого достаточно просто написать в css: