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 19 ediciones intermedias del mismo usuario) | |||
| Línea 1: | Línea 1: | ||
<ul> | <div class="circle"> | ||
<li class=" | <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> | ||
< | </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 - 11: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>