Diferencia entre revisiones de «The Icy Tour»
Ir a la navegación
Ir a la búsqueda
Sin resumen de edición |
Sin resumen de edición |
||
| (No se muestran 8 ediciones intermedias del mismo usuario) | |||
| Línea 9: | Línea 9: | ||
<ul class="circle-container"> | <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>