jasfordadobe/pagebuilder-animate

用于Animate的Page Builder内容类型。

维护者

详细信息

github.com/jasonfordAdobe/jason-pagebuilder-animate

源代码

问题

安装: 76

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

语言：Less

类型：magento2-module

0.0.1 2021-01-22 16:48 UTC

Requires

  • php: ~7.3.0||~7.4.0
  • magento/framework: *
  • magento/module-page-builder: *

proprietary 81fb08b3db4aafe740242fea41655a3e121276fd

This package is auto-updated.

Last update: 2024-09-04 18:51:22 UTC

README

将CSS动画添加到Page Builder中。目的是通过使用动作使页面和内容更具吸引力。与JS动画相比，CSS动画更可重复且支持良好。

这还包括当它进入视口时会触发动画的JS。

安装

Composer指令将在此处显示...

使用方法

安装后，它将在您的Page Builder CMS界面下的布局中显示。

将元素拖到屏幕上，在行或列内。将其他内容元素拖入动画区域，并使用设置选项来调整动画名称、动画持续时间、动画延迟和动画迭代。

Adding an animation to the page

Animation on the frontend

待办事项

  • 彻底测试
  • 添加动画设置的默认值
  • 使“滚动到视口”偏移可调整
  • 使添加/删除动画更容易

无聊的事情

此代码提供“原样”，不打算用于生产使用。它是为了提高我自己的个人工作效率而创建的，并且没有得到我、我的雇主或与此代码有关的其他任何人的认可或支持。如果您使用此代码，则自行承担风险，并充分了解您的行为。

Animate.css

此组件使用了Animate.css库，该库可在开源MIT许可证下获得。

Josh.js

此组件使用了Josh.JS库，该库可在开源MIT许可证下获得。