Diferencia entre revisiones de «The Icy Tour»

De TwentyOneWiki
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:
<ul>
<div class="circle">
  <li class="circle">
  <div class="top-left quarter"></div>
    <div class="quarter top-left"></div>
  <div class="top-right quarter"></div>
    <div class="quarter top-right"></div>
  <div class="bottom-left quarter"></div>
    <div class="quarter bottom-left"></div>
  <div class="top-right quarter"></div>
    <div class="quarter bottom-right"></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 - 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>