Движущаяся текстовая CSS маска с JavaScript Сегодня мы с вами делимся движущейся текстовой CSS маской с JavaScript. Там мы использовали jQuery для простоты работы и экономии времени и как мы знаем, jQuery - это библиотека JavaScript, поэтому мы поместили это в категорию js...

Как сделать простую анимированную SVG-фигуру и использовать её как маску? Для начала в иллюстраторе или в любом другом векторном редакторе рисуем фигуру. Я рисовал с помощью инструмента «Кривизна». Боковые точки сделал опорными (двойным кликом), чтобы между ними не образовывалась дуга, которая выходит за пределы монтажной области. Это у нас будет первый кадр. Рисуем ещё. Можно просто сдвинуть какие-то точки, можно нарисовать заново. Главное — чтобы количество точек было одинаковым на всех кадрах...