首页>文档>ElementsKit教程>【elementskit中文版教程】视差效果设置

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

【elementskit中文版教程】视差效果设置

步骤=> 1:确保从仪表板→ ElementsKit → 模块打开视差模块

【elementskit中文版教程】视差效果设置-HEIWP-外贸建站

步骤=> 2:转到元素 =>搜索图像 =>拖放图像部分

【elementskit中文版教程】视差效果设置-HEIWP-外贸建站

步骤=> 3:从“ 编辑”部分→“ 内容”选项卡 添加背景图像

【elementskit中文版教程】视差效果设置-HEIWP-外贸建站

步骤=> 4:进入高级选项卡 – >点击ElementsKit效果- >选择效果类型CSS3,倾斜,在滚动,在鼠标移动选择在你自己的选择

【elementskit中文版教程】视差效果设置-HEIWP-外贸建站

CSS3

  • 步骤=> 1:转到“ 高级”选项卡 => ElementsKit效果 => 效果类型 =>选择CSS3 =>启用CSS动画切换
【elementskit中文版教程】视差效果设置-HEIWP-外贸建站
  • 下拉菜单中选择动画效果
【elementskit中文版教程】视差效果设置-HEIWP-外贸建站
  • 修改动画速度
  • 动画迭代计数 => 无限或未设置
【elementskit中文版教程】视差效果设置-HEIWP-外贸建站
  • 选择动画方向
【elementskit中文版教程】视差效果设置-HEIWP-外贸建站
  • 步骤=> 2: ElementsKit效果 => 效果类型 =>选择CSS3 =>打开CSS Transformation Toggle
  • 翻译
  • 旋转
  • 规模
  • 偏斜
  • 如果需要重置
【elementskit中文版教程】视差效果设置-HEIWP-外贸建站

倾斜

步骤=> 1:转到“ 高级”选项卡 => ElementsKit效果 => 效果类型 =>选择 倾斜

【elementskit中文版教程】视差效果设置-HEIWP-外贸建站

在滚动

步骤=> 1:转到“ 高级”选项卡 => ElementsKit效果 => 效果类型 =>滚动选择

【elementskit中文版教程】视差效果设置-HEIWP-外贸建站

鼠标移动时

步骤=> 1:转到“ 高级”选项卡 => ElementsKit效果 => 效果类型 =>鼠标移动时选择

【elementskit中文版教程】视差效果设置-HEIWP-外贸建站
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索