控件设置相对位置_惊人的Divi转换控件！

Divi的变换控件释放了许多新的设计可能你可以使用一系列新设计选项来执行惊人的设计，而到目前为止，只有在诸如Photoshop之类的图形设计程序中才可以这样操作。Divi引入了一项全新功能，该功能允许在Divi Builder中进行惊人的徒手设计，使你能够以通常仅在Photoshop和Sketch等图形设计程序中才能实现的方式来转换页面上的元素。你可以轻松移动元素，缩放元素，在三个不同的轴上旋转，倾斜和调整变换原点。所有这些操作都是通过一个新的超级界面完成的，该界面使每个转换都易于执行。惊人的新视觉界面使转换元素变得容易Divi花了很多时间来构建Transforms界面，以确保它足够直观。终于创造出一组易于使用且功能强大的选项。令人惊叹的用户界面使用新的“变换”控件，你可以使用新设置的组合轻松地调整任何模块，行或部分的外观。

构建Transforms界面是为了对设计进行视觉控制。Divi不需要一长串模糊的滑块，而是为你提供了直观的控件，这些控件以可视的方式描述了每个转换。当你观看元素在眼前变换时，这会即时更新在页面上。这个确实很有趣，但更重要的是，它释放了大量新设计的可能。缩放使用“缩放”控件，你可以快速调整任何内容的大小。只需移动一下鼠标，即可上下扩展整个模块。

调整元素的大小时，整个元素和所有子元素都会被同时调整。默认情况下，缩放元素将保持原始的宽高比，但是你也可以不同步高度和宽度设置并独立调整它们。位置你可以使用“位置”控件来调整元素的位置。可以在任何方向上移动元素，而不必担心页面的周围部分。

移动元素时，它独立于其周围的元素和父元素移动。这类似于在CSS中使用绝对定位，不同之处在于该位置基于元素的内联位置而不是其父相对元素的位置。旋转你还可以使用“旋转”控件旋转项目，该控件使你可以在三个不同的轴上旋转以进行全方位的三维旋转。

你可以组合不同的旋转来创建一些非常酷的效果，并节省大量的设计时间。例如，你无需在Photoshop中打开图像并使用模型模板来创建一些3d图像效果，而只需在Divi中打开平面图像并在构建器中对其进行变换即可。如果你需要替换图片，则无需在Photoshop中再次对其进行编辑！倾斜你可以倾斜元素以创建引人入胜的深度效果。与“缩放”控件非常相似，你可以使用锁定的宽高比倾斜元素，也可以解锁每侧并独立调整它们。