css3设置旋转 |html商品价格css代码

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

在上面的代码片段中，大家使用了CSS3中的transform属性，并将其值设置为rotate()。rotate()的括号中填入的是旋转的度数，这里大家将其设置为45度。如果填入的是负数，则会出现逆时针旋转的效果，而正数则代表顺时针旋转。

为了展示旋转后的效果，大家还需要在HTML标签中引入这个类名。代码如下：

旋转效果展示

在上面的代码中，大家将一个div元素的class设置为transform。这个类名与大家之前写的CSS中的选择器是对应的，它会使得这个div元素产生45度的旋转效果。

除了rotate()外，CSS3中还有其他旋转效果的设置。比如，大家可以使用skew()方法来实现扭曲效果，如下所示：

.skew {
transform: skew(40deg);
}

具体的方法可根据自己的需求进行选择。但需要注意的是，CSS3的旋转效果只在最新版本的浏览器中才能得到完美的展现。