css hexagon with text inside
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="800px" height="300" xmlns:xlink="http://www.w3.org/1999/xlink">
<polygon class="hex" points="300,150 225,280 75,280 0,150 75,20 225,20" fill="#fa5" stroke="blue" stroke-width="5" transform="translate(10)"></polygon>
<text x="160" y="160"
font-family="Verdana"
font-size="30"
text-anchor="middle"
>
Any Text Here
</text>
</svg>
4.17
6
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="900px" height="100" xmlns:xlink="http://www.w3.org/1999/xlink">
<polygon class="hex" points="300,150 225,280 75,280 0,150 75,20 225,20" fill="#fa5" stroke="blue" stroke-width="5" transform="translate(10)"></polygon>
<text x="160" y="160"
font-family="Verdana"
font-size="30"
text-anchor="middle"
>
Any Text Here
</text>
</svg>
Thank you!
6
0
Are there any code examples left?
New code examples in category CSS