Как генерировать случайные числа в процентах? [дубликат] ⇐ CSS

[Anonymous]

Я читал эту тему о случайных числах. Меня интересует, как добавить "%" для случайного числа в SCSS или CSS.
Мой вариант кода не работает:

Код: Выделить всё

.star{
position: absolute;
background-color: #f00;
width: 10px;
height: 10px;
border-radius: 50%;
}

@for $i from 1 through 30 {
.star:nth-child(#{$i}) {
top: calc(random(101) - 50) + '%';
left: calc(random(101) - 50) + '%';
}
}

Я пытаюсь создать 30 «звезд», которые выстоят

Код: Выделить всё

top:  50... 100% and left: 50... 100%

Можно ли работать со случайными числами, но в процентах (без JS)?

Подробнее здесь: https://stackoverflow.com/questions/793 ... percentage