Diferencia entre revisiones de «The Icy Tour»
Ir a la navegación
Ir a la búsqueda
(Página creada con «<ul> <li class="circle"> <div class="quarter top-left"></div> <div class="quarter top-right"></div> <div class="quarter bottom-left"></div> <div class="quarter bottom-right"></div> </li> </ul>») |
Sin resumen de edición |
||
| (No se muestran 23 ediciones intermedias del mismo usuario) | |||
| Línea 1: | Línea 1: | ||
< | <div class="circle"> | ||
<div class="top-left quarter"></div> | |||
<div class="top-right quarter"></div> | |||
<div class="bottom-left quarter"></div> | |||
<div class="top-right quarter"></div> | |||
<div class="hole"></div> | |||
</li> | </div> | ||
<ul class="circle-container"> | |||
<!-- Здесь можно добавить дополнительные элементы, если нужно --> | |||
</ul> | |||
<ul class="pie-chart"> | |||
<li class="segment segment-1"><a href="#">Segment 1</a></li> | |||
<li class="segment segment-2"><a href="#">Segment 2</a></li> | |||
<li class="segment segment-3"><a href="#">Segment 3</a></li> | |||
<li class="segment segment-4"><a href="#">Segment 4</a></li> | |||
</ul> | |||
<ul class="pie-chart2"> | |||
<li class="segment segment-1"><a href="#">Segment 1</a></li> | |||
<li class="segment segment-2"><a href="#">Segment 2</a></li> | |||
<li class="segment segment-3"><a href="#">Segment 3</a></li> | |||
<li class="segment segment-4"><a href="#">Segment 4</a></li> | |||
<div class="hole"></div> | |||
</ul> | |||
<ul class="circular-chart"> | |||
<li class="segment red" style="--start: 0; --end: 180;"></li> | |||
<li class="segment blue" style="--start: 180; --end: 252;"></li> | |||
<li class="segment yellow" style="--start: 252; --end: 324;"></li> | |||
<li class="segment green" style="--start: 324; --end: 360;"></li> | |||
</ul> | </ul> | ||
Revisión actual - 12:24 30 ago 2024
- <a href="#">Segment 1</a>
- <a href="#">Segment 2</a>
- <a href="#">Segment 3</a>
- <a href="#">Segment 4</a>
- <a href="#">Segment 1</a>
- <a href="#">Segment 2</a>
- <a href="#">Segment 3</a>
- <a href="#">Segment 4</a>