angular浮动文本背景动画 - Ngx-Sbz-Text-Animation

angular浮动文本背景动画 - Ngx-Sbz-Text-Animation
插件名称 Ngx-Sbz-Text-Animation
发布时间 2020年11月3日
插件作者 blakazulu

在应用程序中创建浮动文本背景动画的Angular指令。

如何使用它:

1.安装并导入指令。

# NPM
$ npm i ngx-sbz-text-animation --save
import {NgxSbzTextAnimationModule} from 'ngx-sbz-text-animation';
@import "../node_modules/ngx-sbz-text-animation/styles/ngx-sbz-text-animation.css";
@NgModule({
  imports: [
    NgxSbzTextAnimationModule
  ]
})

2.将浮动文本背景动画应用于元素,如下所示:

<div sbzTextAnimation></div>

3.使用以下选项配置动画。

  • position  “left”或“right”
  • maxFontSize:最大字体大小
  • colorSchemeArray:颜色数组
<div sbzTextAnimation [position]="position" [maxFontSize]="20" [colorSchemeArray]="colorArray"></div>