Эффект достигается с помощью заранее подготовленного изображения
с вырезанной в нём формой и сохраненной с альфа-каналом (.png, .svg).
Далее: нужно продлить фон с каждой стороны нашего слоя с фигурой. Для этого может быть достаточно просто настроить фон бэкграунда в том же цвете, что и цвет слоя с фигурой. Опционально можно использовать шейпы.
Затем под это изображение подкладывается ещё одно, на которое и будет применена анимация.
Результат: вырезанный контур фигуры не меняется, а наполнение фигуры движется.
с вырезанной в нём формой и сохраненной с альфа-каналом (.png, .svg).
Далее: нужно продлить фон с каждой стороны нашего слоя с фигурой. Для этого может быть достаточно просто настроить фон бэкграунда в том же цвете, что и цвет слоя с фигурой. Опционально можно использовать шейпы.
Затем под это изображение подкладывается ещё одно, на которое и будет применена анимация.
Результат: вырезанный контур фигуры не меняется, а наполнение фигуры движется.
В некоторых случаях, если фигура позволяет, можно применять анимацию (вращение, например) и к слою с вырезанной фигурой. Таким образом получается двойной эффект:
