CSS3 флаг/волновое движение с текстом внутри ⇐ Html

[Anonymous]

Итак, я работаю над проектом, который требует, чтобы я сделал анимированный флаг исключительно с HTML5 и CSS3 - выглядящим что -то вроде этого, и с таким движением. Для эффекта разветвления единственным решением, которое я обнаружил, было создать несколько элементов div и иметь каждое из них с задержкой анимации на Translatey для создания эффекта флага все вместе (JSFiddle здесь) и сделать то же самое для текста. < /p>

Я также могу сделать текст перекрывать флаг, сделав текст, который имеет абсолютную позицию, но я не уверен, как я могу координировать движение волны текста с флагом, чтобы он мог быть точно таким же. Или, в качестве альтернативы, если есть другой способ сделать эту анимацию (еще не уверен, как я собираюсь работать вокруг треугольников по краям)? Я знаю, что изображение может быть использовано, чтобы оживить его; Что будет более эффективным в этом случае?

Подробнее здесь: https://stackoverflow.com/questions/435 ... ext-inside