每次刷新时生成CSS形状

我的想法是做一个长方形的主体形状。在这个矩形中，我希望在每次刷新时都有随机形状，比如三角形、立方体。使用CSS或“我需要一个js脚本”可以实现这一点吗？

您最好尝试使用SVG而不是CSS生成形状。但是是的，您需要JS来设置随机特性。

您必须使用JS。最好的选择是创建一个类数组，每个类代表不同的形状。然后，在每次页面加载时，将数组中的一个随机类分配给您选择的元素。但是，正如其他人所说，如果形状是用SVG生成的，而不是CSS生成的，那就更好了。

您需要使用脚本包含一个“随机类”生成器。例如下面是“如何在每次加载时将随机类分配给div”的简短示例。其基础是：

$（文档）.ready（函数（）{
函数randomIntFromInterval（最小值、最大值）{
返回Math.floor（Math.random（）*（max-min+1）+min）；
}
var x=随机点FromInterval（1,3）；
var myclass；
开关（x）{
案例1：
myclass=“classOne”；
打破
案例2：
myclass=“class2”；
打破
案例3：
myclass=“class3”；
打破
};
$（'div'）.addClass（myclass）；
});
div{
高度：300px；
宽度：300px；
位置：相对位置；
}
.classOne{/*简单正方形*/
背景：红色；
}
.classTwo{/*简单三角形*/
背景：透明；
左边框：150px实心透明；
右边框：150px实心透明；
身高：0；
宽度：0；
边框底部：300px纯蓝色；
}
.classThree{/*简单圆*/
背景：绿色；
边界半径：50%；
}

可以用CSS呈现形状。如果您想控制页面上的行为，就需要JS脚本。你试过什么？还没试过。我知道这是可能的，但我如何生成具有随机尺寸和随机颜色的随机形状？你能用js脚本解释一下我的想法吗？