Как сделать чтобы absolute блоки между собой не слипались?

привет всем

новый год скоро, сложную штуку химичим, запрашиваю поддержку :)

ёлка, шарики в зависимости от выполнения 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);
}


вот так плохо:
61a235368d3a7465710525.png

условно говоря вот так хорошо:
61a2357c4e320353856396.png
  • Вопрос задан
  • 65 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы