在CSS3中以一定角度翻译图像

如何在css3中以一定角度翻译图像？我知道我们可以在translate函数中给出x和y坐标，但我想从一个点径向平移多个图像，我想在这一点上对称，这就是为什么我试图以一个角度进行平移。

css

transform

属性接受用于操纵元素的多个不同选项

正如您所提到的，您确实有

translate

属性，可以在3个轴（x、y、z）上移动图像，但是如果您想向

变换添加角度，可以使用rotate属性，如下所示：

transform: rotate(15deg); 

还可以添加更复杂的旋转，如三维旋转：

transform: rotate3d(x,y,z,angle);   /* Defines a 3D rotation */

有关详细信息，您可以查看以下位置的“变换”属性文档：
您可以旋转元素，在X轴上移动元素，然后将其向后旋转以使其显示水平


div{
宽度：50px；
高度：50px；
背景颜色：绿色；
位置：绝对位置；
左：50px；
顶部：50px；
}
分区：第n个孩子（1）{
变换：旋转（20度）translateX（100像素）旋转（-20度）；
}
分区：第n个孩子（2）{
变换：旋转（45度）translateX（100px）旋转（-45度）；
}
分区：第n个孩子（3）{
变换：旋转（70度）translateX（100像素）旋转（-70度）；
}
20
45
70
base
请提供一些代码和您已经完成的一些测试。你的意思是在某个角度（）给定的某个方向上平移到某个距离吗？