vscode上的角度动画模块css代码段

时间:2018-10-31 07:47:41

标签: angular visual-studio-code

BrowserAnimationsModule可以在组件中编写动画。 例如:

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  animations: [
    trigger('divState', [
      state('normal', style({
        'background-color': 'red',
        transform: 'translateX(0)'
      })),
      state('highlighted', style({
        'background-color': 'blue',
        transform: 'translateX(100px)'
      })),
      transition('normal <=> highlighted', animate(300)),
    ]),
  ]
})

statetransition可以设置动画样式,但是此块没有代码段辅助。

在要编写大量动画效果的情况下,如果没有片段工具,这将不方便。 visual studio code上是否有任何CSS片段工具? 例如当您处理.css.scss文件时。

0 个答案:

没有答案