html - CSS 随机 div 放置和响应

Question

我创建了一个星夜动画，但想知道是否有人有更好的方法来仅使用 CSS“随机”放置 div？？？另外，我也很难响应。感谢您的时间!只是想学习。

在 http://codepen.io/anon/pen/MeeYWO?editors=1100 查看完整代码

#star-bl:nth-of-type(5) {
    left: -350px;
    top: 225px;
}

#star-bl:nth-of-type(6) {
    left: 750px;
    top: 250px;
}

#star-bl:nth-of-type(7) {
    left: -450px;
}

#star-sm:nth-of-type(8) {
    left: -225px;
}

#star-sm:nth-of-type(9) {
    left: 500px;
}

#star-sm:nth-of-type(10) {
    left: -100px;
}

Answer 1

目前在纯 CSS 中是不可能的(我希望 calc(rand) 成为一个东西)。您使用的解决方案与任何解决方案一样好，如果您希望星星聚集在较小的屏幕类型上，您可能需要考虑使用百分比。