css - Vexillology - 没有画布的希腊国旗挥动效果

Question

我正在开发希腊国旗

• 我不应该使用 Canvas :(
• 我不应该使用任何图像:(

我在发展成最终形状方面取得了很好的进展，但我无法编写接近挥动效果的代码，我尝试应用边框半径等，但它们没有给我任何好的结果。

请看一下代码笔演示

请在代码笔上检查代码并带有注释

有人可以建议我使用纯 CSS 获得挥动效果的任何 CSS 技巧，任何帮助都非常感谢:)。