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

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

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

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

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

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

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

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

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

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

- End -

点个赞,证明你还爱我

控件设置相对位置_惊人的Divi转换控件!相关推荐

  1. qt 控件设置相对位置_qt设置控件相对位置

    QT关于控件的教程_计算机软件及应用_IT/计算机_专业资料.zl使用Linux... 此例程主要展示用代码方式创建控件并用 Layout 管理类对其进行布局; 例程来自 Qt5.2,如过是默认安装, ...

  2. 快递取件码生成软件_一种分布式的取件码生成方法技术

    [技术实现步骤摘要] 本专利技术涉及样品柜取件码生成 ,特别涉及一种分布式的取件码生成方法. 技术介绍 在快递柜的领域中,快递员进行快件派送的时候,通常会遇到收件人无法立刻来取件的情况,这样就需要快递 ...

  3. qt 控件设置相对位置_qt 手动设置控件的位置

    QT中的Layout用着很不错,但有时候你想指定控件绝对位置.用以下红色代码就可以了. chanel1 = new QPushButton(tr("通道1:")); chanel1 ...

  4. dropdownlist控件设置默认值_关于DropDownList默认值的设定

    DropDownList是否绑定数据库和默认值的设定用的语句有影响,但是我没有弄明白是为什么. 绑定数据库的DropDownList: eg:DropDownList1.SelectedValue=s ...

  5. babylonjs 设置面板位置_一篇关于开关面板的详细集合,值得收藏转发

    对于大部分人来说,开关的布局,开关的种类都会是一脸懵.所以大家在装修的过程中就会迷茫,今天给大家分享一篇集合,相信通过这篇文章,问题会有所缓解~ 一,开关插座的分类 1.电源开关 分类:一位单控/一位 ...

  6. qscrollarea 设置滚动位置_爱剪辑:影视剧滚动字幕片尾,效果竟然如此高端精美...

    大家好 今天教大家制作滚动字幕片尾 这种效果经常在影视剧和自媒体中看到 不仅好看精美,而且还高大上 快来学习吧- 视频教程: 爱剪辑:影视剧滚动字幕片尾教程https://www.zhihu.com/ ...

  7. java设置框架位置_怎样设置label的位置啊?求指导

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 package a1018; import java.awt.Color; import java.awt.Font; import javax.swin ...

  8. glusphere设置球位置_玄武区举办桌上冰壶球比赛暨江苏省桌上冰壶球俱乐部联赛(玄武区站)活动...

    9月23日,2020年玄武区老年人体育节桌上冰壶球比赛暨江苏省桌上冰壶球俱乐部联赛(玄武站)活动在玄武区孝陵卫街道小卫街社区活动室举行.本次活动由玄武区老年体协主办,江苏省桌上冰壶球俱乐部承办,孝陵卫 ...

  9. 快递取件码生成软件_一种自动生成取件码的快递柜及其使用方法与流程

    本发明涉及快递柜技术领域,尤其是自动生成取件码的快递柜及其使用方法. 背景技术: 近年来,随着快递业的迅速发展,快递柜的应用也越发广泛.为了解决快递智能存储问题,许多小区已经安装了智能快递柜,快递员将 ...

最新文章

  1. 基于FTP的Nordic nRF51822 OTA 教程一之修改boot区大小
  2. boost::coroutine模块实现合并数组的测试程序
  3. 全数字实时仿真平台SkyEye与SystemC集成进行时序仿真
  4. C++ 类的定义、作用域及大小计算,限定访问符,this指针
  5. 【DotNet加密方式解析】-- 好文收藏
  6. 四轮驱动机器人(SSMR)的运动规律
  7. 栈、堆、静态存储区的三分天下
  8. 如何开发Linux内核?
  9. MCS:随机数的生成
  10. 如何无信用卡申请谷歌云
  11. 自适应t分布与动态边界策略改进的算术优化算法
  12. 【POJ 3764】 The xor-longest path
  13. php亲戚关系计算,亲戚计算器_亲戚称呼_亲戚关系称呼_亲戚关系计算器在线
  14. iOS 导航栏遮挡UIViewController问题
  15. SDUT 2021 Spring Individual Contest(for 20) - 1
  16. python进行表白,画爱心
  17. JAVA毕设项目html5在线医疗系统(Vue+Mybatis+Maven+Mysql+sprnig+SpringMVC)
  18. 小程序发布测试版本步骤
  19. 系统集成项目管理工程师计算题(进度管理计算)
  20. 百度以外可用的离线下载空间

热门文章

  1. 盘点世界上最奇怪的6种编程语言
  2. 突发!哈佛要求本科生5天内搬走,国际学生恐无家可归
  3. 数学到底有多重要?网友:道理都懂,实力不允许啊
  4. 研究c语言,研究c语言计算机编程实验.docx
  5. c语言单选题大全,C语言单选题(五)
  6. 第一次失效_特斯拉螺栓腐蚀失效分析_搜狐汽车
  7. 引出发射和什么是反射和Class类和Class实例、基本类型的字节码对象
  8. Linux 、shell 时间函数 - 获取七天前所在周
  9. 汽车之家:基于 Flink + Iceberg 的湖仓一体架构实践
  10. 排队五小时才能吃上一口的Popeyes,要借阿里云数据中台10年内开足1500家门店