大家好，今天小编关注到一个比较有意思的话题，就是关于css让div旋转的问题，于是小编就整理了1个相关介绍css让div旋转的解答，让我们一起看看吧。

1. CSS tran*orm中的rotate的旋转中心怎么设置?

1、CSS tran*orm中的rotate的旋转中心怎么设置?

tran*orm-origin：50% 50%； 设置旋转中心为元素中心。tran*orm-origin：0% 0%； 设置旋转中心为元素左上角。tran*orm-origin：100% 100%； 设置旋转中心为元素右下角。

我们用两个相同的div编辑它，这是基本的div***码。这是一个没有旋转的div。然后我们只设置灰蓝色div的旋转，以便我们确切地知***旋转中心点是什么。设置灰蓝色div是使用.t类名，然后使用变换，然后旋转。

首先新建一个html5文档，完成基本***码编写，如下图所示。然后新建一个长100像素，高50像素背景为红色的长方形图层。接着通过输入“border-radius：50%/50%”属性，如下图所示，将长方形图层设置成一个椭圆形。

rotate：旋转该元素，配合着tran*orm-origin属性，tran*orm-origin 是设置旋转点的。（没有设置tran*orm-origin 属性也可以，只不过是根据该元素的中心点旋转，也就是center center）加上 tran*orm-origin 设置旋转点。

旋转中心 tran*orm-origin 可以修改属性旋转式的中心点 origin：原点，如果与rotate旋转配合使用，就是旋转的中心点。如果与scale配合使用，就是缩放的基准点。

到此，以上就是小编对于css让div旋转的问题就介绍到这了，希望介绍关于css让div旋转的1点解答对大家有用。