8,957
edits
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.ring-container7 { | |||
width: 200px; | |||
height: 200px; | |||
background-color: #3F3F3F; | |||
position: relative; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.ring2 { | |||
width: 99.5%; | |||
height: 99.5%; | |||
background: conic-gradient(#21ABC6 0% 20%, #87B22A 20% 100%); | |||
border-radius: 50%; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
z-index: 1; /* Диаграмма на самом нижнем уровне */ | |||
} | |||
.center2 { | |||
width: 145px; | |||
height: 145px; | |||
background-color: #3F3F3F; | |||
border-radius: 50%; | |||
position: absolute; | |||
top: 50%; | |||
left: 50%; | |||
transform: translate(-50%, -50%); | |||
z-index: 2; /* Центр кольца выше диаграммы */ | |||
} | |||
.imagemap-content2 { | |||
position: absolute; | |||
z-index: 3; /* Карта изображения выше всех */ | |||
top: 0; | |||
left: 0; | |||
width: 200px; | |||
height: 200px; | |||
} | |||
/* Градиент снизу вверх для всех строк таблицы */ | /* Градиент снизу вверх для всех строк таблицы */ | ||