css3旋转效果图

CSS3是一种非常有用的技术，它允许我们实现各种各样的效果。其中之一就是旋转效果。

.Box {
  width: 100px;
  height: 100px;
  background-color: red;
  position: relative;
  transform: rotate(30deg);
}

在上述代码中，我们定义了一个宽高为100px的红色盒子，并使用了transform属性进行旋转。其中，rotate(30deg)表示旋转30度。

除了rotate外，还有其他的旋转方式，如scale、translate等。下面是一些常用的transform属性值：

.rotate {
  transform: rotate(45deg);
}

.scale {
  transform: scale(1.5);
}

.translate {
  transform: translate(50px,50px);
}

.skew {
  transform: skew(20deg,10deg);
}

.matrix {
  transform: matrix(1,0.5,-0.5,1,0);
}

以上就是关于CSS3旋转效果的一些简单介绍，希望可以帮助大家更好地使用CSS3技术。