CSS中，我们可以使用transform属性来实现元素旋转的效果，其中包括以角边旋转。

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

上述代码中，我们为该元素添加了.rotate类名，并使用transform属性对该元素进行了45度的旋转。

如果我们需要以元素的一个角作为旋转中心，则可以使用transform-origin属性来实现。

.rotate {
transform: rotate(45deg);
transform-origin: top left;
}

上述代码中，我们指定了以元素的左上角作为旋转中心，实现了对元素的角边进行旋转的效果。

同时，我们可以使用其他单位，如像素或百分比，来指定旋转中心的位置。

.rotate {
transform: rotate(45deg);
transform-origin: 50px 50px;
}

上述代码中，我们将旋转中心指定为元素的中心点，即x坐标为50px，y坐标也为50px。

除了以角边旋转，我们也可以实现元素以中心点旋转或以某个点为轴心旋转的效果，仅需在transform-origin属性中指定不同的值即可。