jacerider/neo_animate

Neo 的动画管理器和库。

维护者

详细信息

github.com/jacerider/neo_animate

主页

源代码

问题

安装: 4

依赖项: 0

建议者: 0

安全性: 0

星标: 0

关注者: 1

分支: 0

公开问题: 0

类型:drupal-module

1.0.2 2024-09-10 16:29 UTC

Requires

proprietary 9b6a2ab85677bc3eb8347381dc953169a12aab5e

  • Cyle Carlson (JaceRider) <jacerider.woop@gmail.com>

This package is auto-updated.

Last update: 2024-09-10 16:29:55 UTC

README

  • 介绍
  • 要求
  • 安装
  • Twig

介绍

使用 Animate on Scroll 库（https://github.com/michalsnik/aos）的 Neo 动画管理器和库。

要求

此模块需要 Drupal 核心和 Neo。

安装

按照通常安装贡献的 Drupal 模块的方式进行安装。有关更多信息，请访问 https://www.drupal.org/node/1897420。

Twig

动画一个属性。

<article{{ attributes.addClass(classes)|neo_animate_attribute('zoom-in', {delay: 200}) }}>

使用每个项目 200ms 的延迟来动画化具有子元素的元素。第一个项目的延迟为 0，第二个项目的延迟为 200，第三个项目的延迟为 0，依此类推。

 {{ content.field_images|neo_animate_children('zoom-out', 2, 200) }}