semicircle

Darstellung

Code

<div class="wrapper-semicircle">
<div class="rotater">
<div class="btn-semicircle" style="transform: rotate(0deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-left fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(25deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-left fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(50deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-left fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(75deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-left fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(100deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-right fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(125deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-right fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(150deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-right fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(175deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-right fettes-kind">Titel</span>
</a>
</div>
</div>
<div class="semicircle"></div>
</div>