将多个div倾斜到不同的随机角度可以通过CSS的transform属性来实现。具体步骤如下:
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
.box {
width: 100px;
height: 100px;
background-color: #ccc;
transform: rotate(0deg); /* 初始角度为0度 */
}
/* JavaScript代码生成随机角度 */
var boxes = document.getElementsByClassName('box');
for (var i = 0; i < boxes.length; i++) {
var randomAngle = Math.floor(Math.random() * 360); // 生成0到360之间的随机整数
boxes[i].style.transform = 'rotate(' + randomAngle + 'deg)';
}
以上代码将每个div元素的初始角度设置为0度,并使用JavaScript生成0到360之间的随机整数作为旋转角度,然后将该角度应用于每个div元素。
这样,多个div元素就会以不同的随机角度倾斜显示在页面上。
请注意,以上代码只是示例,实际应用中可能需要根据具体需求进行调整。
领取专属 10元无门槛券
手把手带您无忧上云