css中怎么让骰子在左上角动

要让骰子在左上角动，我们需要使用CSS动画技术。

.dice{
  width:50px;
  height:50px;
  position:absolute;
  top:0;
  left:0;
  animation:dice 2s linear infinite;
}

@keyframes dice{
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
} 

首先，我们给骰子类名为“dice”的元素指定样式：宽度和高度为50像素，定位于左上角，即top和left属性的值为0。

接着，我们定义了一个名为“dice”的动画，定义了动画所需的关键帧。通过transform属性中的rotate函数，使其绕z轴旋转360度，即形成一个完整的旋转。

最后，将该动画应用于骰子元素的animation属性中，设定动画时间为2秒，线性运动，并设置无限循环。

这样，我们就成功让骰子在左上角动起来了。