Triangle border on circle

Asked Jun 16 '16 at 10:44

Active Jun 16 '16 at 10:44

Viewed 377 times

I am trying to make triangle border inside of circle using css, I'm close, but still not there. Any ideas?

Here is My Code

div { background: #1063a7; width: 80px; height: 80px; position: relative; text-align: center; } div:before, div:after { content: ""; position: absolute; top: 0; left: 0; height: 80px; width: 80px; background: #1063a7; } div:before { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); } div:after { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); }

<body>
    <div></div> 
</body>

asked Jun 16 '16 at 10:44

Saika

Any Solution without Canvas or svg ? – Saika Jun 16 '16 at 10:50
There is a CSS answer also in that thread. – Harry Jun 16 '16 at 10:51
Yes,You're right , but, it is possible with use only one div ? – Saika Jun 16 '16 at 10:57
The answer says *This is possible with CSS but after 12 points, requires more than one div.* So I'd guess that no, it's not – CalvT Jun 16 '16 at 10:58
Ok, Thanx for your input – Saika Jun 16 '16 at 11:01

Triangle border on circle

0 Answers0