NG2动画
来源:互联网 发布:python嵌套shell命令 编辑:程序博客网 时间:2024/06/10 23:54
import { trigger, state, style, transition, animate,keyframes } from '@angular/core';export const flyIn = trigger('flyIn', [ state('in', style({transform: 'translateY(0)'})), transition('void => *', [ animate(600, keyframes([ style({opacity: 0, transform: 'translateY(-100%)', offset: 0}), style({opacity: 0.3, transform: 'translateY(-25px)', offset: 0.4}), style({opacity: 1, transform: 'translateY(0)', offset: 1.0}) ])) ]), transition('* => void', [ animate(300, keyframes([ style({opacity: 1, transform: 'translateY(0)', offset: 0}), style({opacity: 0.6, transform: 'translateY(25px)', offset: 0.3}), style({opacity: 0, transform: 'translateY(100%)', offset: 1.0}) ])) ]) ]);
阅读全文
0 0
- NG2动画
- ng2 DI
- ng2功能模块
- ng2 路由
- ng2学习笔记(一)初识ng2
- 构建ng2简单练手
- ng2学习初体验
- ng2环境配置
- ng2学习笔记一
- ng2-tab选项卡
- ng2的深入
- ng2路由跳转
- ng2 工程目录
- ng2 碎片1
- ng2 碎片2
- ng2 angular/cli
- ng2 碎片3
- ng2目录说明
- 101. Symmetric Tree--判断是否为对称树
- 详解Webpack2的那些路径
- 跨域常用方法
- SpringBoot-03JPA Hibernate SpringData
- VS2010下生成dll的方法
- NG2动画
- ORA-00942: 表或视图不存在
- Lua 文件 I/O (读取文件路径注意)
- 发送邮件分类
- 世界十大哲学难题
- 简单排序算法时间空间复杂度分析及应用(4)-二分插入排序
- zookeeper shell 命令
- List入库,把List1中的数据入库到List2中
- layout_gravity 和 gravity 并且 layout_alignRigh和layout_toRightOf