Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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>
Comment

css hexagon with text inside

<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>
Comment

PREVIOUS NEXT
Code Example
Css :: css trigger animation 
Css :: chrome console remove css dark mode 
Css :: drag stretch effect in html css 
Css :: TRANSFORM ELEMENT 
Css :: how to get rid of underline for links in css 
Css :: background image with styled components 
Css :: css multyple transition peoperty same class 
Css :: kdenlive blurry vertical background 
Css :: flot css mdn 
Css :: sass dummy folder site download 
Css :: prevent the blue highlighting on mobile 
Css :: css conflict 
Css :: css tekst bold 
Css :: css syntax examples 
Css :: switch css with text 
Css :: Sidebar-Content layout 
Typescript :: @ts ignore file 
Typescript :: ng update @angular/core @angular/cli 
Typescript :: In order to allow non-dict objects to be serialized set the safe parameter to False. 
Typescript :: react typescript pwa 
Typescript :: from sklearn.datasets import fetch_mldata error 
Typescript :: typescript ignore 
Typescript :: if env variable exists bash 
Typescript :: nodemon typescript 
Typescript :: get query params from url angular 
Typescript :: adding paragraphs with foreach in angular docx.js 
Typescript :: typescript constructor assignment shorthand 
Typescript :: key value pairs typescript 
Typescript :: What types of troop advancements were involved, and why were both needed in dday 
Typescript :: typescript array of strings 
ADD CONTENT
Topic
Content
Source link
Name
6+7 =