我正在尝试翻转在此找到的SVG，以使空格位于底部，波浪位于顶部，但是我不知道该怎么做。有什么建议么？
body {
margin: 0;
}
footer {
position: absolute;
width: 100%;
height: 100px;
bottom: 0;
overflow: hidden;
}<footer>
<svg viewBox="0 -20 700 110" width="100%" height="110" preserveAspectRatio="none">
<path transform="translate(0, -20)" d="M0,10 c80,-22 240,0 350,18 c90,17 260,7.5 350,-20 v50 h-700" fill="#CEB964" />
<path d="M0,10 c80,-18 230,-12 350,7 c80,13 260,17 350,-5 v100 h-700z" fill="#00273F" />
</svg>
</footer>我有一个有长标题的表.我正在尝试旋转文本,使其从单元格底部到顶部.我尝试过写作模式的组合:vertical-rl; 和变换:rotate(-180deg);.
我似乎想出的最好的是在transform属性中添加translateY(-100%).设法按照我喜欢的方式将文本排列到表格单元格的底部,但现在我无法弄清楚如何将整个文件向下移动以正确对齐.
这是我正在处理的页面.向下滚动以查看表格.
我整个下午一直在拔头发.任何想法将不胜感激.
http://www.1000islandsplayhouse.com/patron-members-club-new/