css中旋转和平移同时使用

CSS中旋转和平移同时使用可以使元素更加生动有趣，增强页面的视觉效果。

 transform: rotate(45deg) translate(50px, 50px); 

上面的代码将元素顺时针旋转45度，同时向右下方移动50px。

值得注意的是，旋转和平移的顺序会影响最终的效果。如果先平移再旋转，元素会以不同的方式旋转，这是因为旋转是基于元素的中心点进行的。

 transform: translate(50px, 50px) rotate(45deg); 

上面的代码将元素先向右下方移动50px，再以元素中心点为中心顺时针旋转45度。

除了旋转和平移，CSS还有许多其他的变换，如缩放、倾斜等，可以根据具体需要进行选择和组合。