Divi的變換控件釋放了許多新的設計可能你可以使用一系列新設計選項來執行驚人的設計，而到目前為止，只有在諸如Photoshop之類的圖形設計程序中才可以這樣操作。Divi引入了一項全新功能，該功能允許在Divi Builder中進行驚人的徒手設計，使你能夠以通常僅在Photoshop和Sketch等圖形設計程序中才能實現的方式來轉換頁面上的元素。?你可以輕松移動元素，縮放元素，在三個不同的軸上旋轉，傾斜和調整變換原點。?所有這些操作都是通過一個新的超級界面完成的，該界面使每個轉換都易于執行。驚人的新視覺界面使轉換元素變得容易Divi花了很多時間來構建Transforms界面，以確保它足夠直觀。終于創造出一組易于使用且功能強大的選項。令人驚嘆的用戶界面使用新的“變換”控件，你可以使用新設置的組合輕松地調整任何模塊，行或部分的外觀。?

構建Transforms界面是為了對設計進行視覺控制。Divi不需要一長串模糊的滑塊，而是為你提供了直觀的控件，這些控件以可視的方式描述了每個轉換。?當你觀看元素在眼前變換時，這會即時更新在頁面上。這個確實很有趣，但更重要的是，它釋放了大量新設計的可能。縮放使用“縮放”控件，你可以快速調整任何內容的大小。只需移動一下鼠標，即可上下擴展整個模塊。?

調整元素的大小時，整個元素和所有子元素都會被同時調整。?默認情況下，縮放元素將保持原始的寬高比，但是你也可以不同步高度和寬度設置并獨立調整它們。位置你可以使用“位置”控件來調整元素的位置。可以在任何方向上移動元素，而不必擔心頁面的周圍部分。

移動元素時，它獨立于其周圍的元素和父元素移動。這類似于在CSS中使用絕對定位，不同之處在于該位置基于元素的內聯位置而不是其父相對元素的位置。旋轉你還可以使用“旋轉”控件旋轉項目，該控件使你可以在三個不同的軸上旋轉以進行全方位的三維旋轉。

你可以組合不同的旋轉來創建一些非常酷的效果，并節省大量的設計時間。例如，你無需在Photoshop中打開圖像并使用模型模板來創建一些3d圖像效果，而只需在Divi中打開平面圖像并在構建器中對其進行變換即可。如果你需要替換圖片，則無需在Photoshop中再次對其進行編輯！傾斜你可以傾斜元素以創建引人入勝的深度效果。與“縮放”控件非常相似，你可以使用鎖定的寬高比傾斜元素，也可以解鎖每側并獨立調整它們。

將“傾斜”和“旋轉”結合使用會產生一些令人驚嘆的3d效果，從而增加頁面的深度和復雜性。轉換原點最后，你可以調整變換原點，這將影響一次添加到任何元素的所有變換。

此選項使你可以更改變換后的元素的位置。可以在x和y軸上調整二維變換。懸停效果驚人這些轉換也可以在懸停時進行動畫處理，使你可以創建一些以前從未實現過的簡單而驚人的懸停效果。

結合Divi已經擁有的所有出色的設計功能，創作可能性是非常令人難以置信的。設計自由變換元素時，不會破壞周圍的元素。你可以將元素堆疊在一起，并使用不同的模塊創建漂亮的拼貼。

這使你可以輕松地從其父級列或行中“自由地”獲得元素，從而實現模塊疊加效果，可以為任何設計增添趣味性。如果你對創建網站有興趣歡迎來撩愛極致小哥哥哦~

長按關注，有更多干貨哦~▼▼▼

- End -

點個贊，證明你還愛我

總結

以上是生活随笔為你收集整理的控件设置相对位置_惊人的Divi转换控件！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。