weet iemand wat ik bij de onderstaande htmlcode moet aanpassen zodat de svg 180 vertikaal wordt gedraaid.
Nu is de rechte lijn beneden, maar die zou dus boven moeten komen. echter ik wil dit dus voor elkaar krijgen zonder gebruik te maken van transform. heb weinig kennis van svg/path namelijk.
Hartelijk dank.
<style>
.custom-shape-divider-top-1708357252 {
/* position: absolute; */
top: 0;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
}
.custom-shape-divider-top-1708357252 svg {
/* position: relative; */
display: block;
width: calc(100% + 1.3px);
/* height: 101px; */
}
.custom-shape-divider-top-1708357252 .shape-fill {
fill: var(--fillsvg);
}
</style>
<div id="spiegeltopdivider_2727" class="custom-shape-divider-top-1708357252">
<svg id="hoogtetopdivider_2727" style="height: 100px" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path id="mijntopdivider_2727" style="--fillsvg: #897CA1;" d="M598.97 114.72L0 0 0 120 1200 120 1200 0 598.97 114.72z" class="shape-fill"></path>
</svg>
</div>
