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

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

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

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

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

将“倾斜”和“旋转”结合使用会产生一些令人惊叹的3d效果，从而增加页面的深度和复杂性。转换原点最后，你可以调整变换原点，这将影响一次添加到任何元素的所有变换。

此选项使你可以更改变换后的元素的位置。可以在x和y轴上调整二维变换。悬停效果惊人这些转换也可以在悬停时进行动画处理，使你可以创建一些以前从未实现过的简单而惊人的悬停效果。

结合Divi已经拥有的所有出色的设计功能，创作可能性是非常令人难以置信的。设计自由变换元素时，不会破坏周围的元素。你可以将元素堆叠在一起，并使用不同的模块创建漂亮的拼贴。

这使你可以轻松地从其父级列或行中“自由地”获得元素，从而实现模块叠加效果，可以为任何设计增添趣味性。如果你对创建网站有兴趣欢迎来撩爱极致小哥哥哦~

长按关注，有更多干货哦~▼▼▼

- End -

点个赞，证明你还爱我