привет всем
новый год скоро, сложную штуку химичим, запрашиваю поддержку :)
ёлка, шарики в зависимости от выполнения KPI
позиции шариков генерятся рандомно в зависимости от положения в вертикальных блоках ёлки (её ширины)
как сделать отступы при учёте absolute? чтобы они не налипали друг на друга излишне
или же пересмотреть изначальную генерацию блоков на ёлке?
.ball {
cursor: pointer;
position: absolute;
width: 50px;
height: 50px;
background: url(ball.png);
}
.ball0 {
left: 507px;
top: 709px;
transform: rotate(-26deg);
}
.ball1 {
left: 427px;
top: 642px;
transform: rotate(-6deg);
}
вот так плохо:
условно говоря вот так хорошо:
