Nativescript + SASS 动画

这是 animate.css 库的 Nativescript & SASS 版本，适用于您的 Nativescript + SASS 应用。

如何使用

• 安装。 (预期您已安装 nativescript-dev-sass)。

npm i nativescript-animate-sass --save

• 在您的 SASS 文件中。

@import '~nativescript-animate-sass/animate.scss';
// or
// @import '~nativescript-animate-sass/src/pulse.scss';

// pulse($duration, $function, $infinite?: boolean)
.pulse {
  @include pulse(2.5s, ease-in, true);
}

• 这应该会生成

.pulse { 
  animation-name: pulse;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
}

• 在您的组件中。

  <Button class="pulse" text="Animate"></Button>

• 这就完成了。有关动画的更多信息，请参阅 animate.css。

许可证

MIT