Angular Animation

1

看到 Kevin 分享的 animation.css，就嘗試做成 Angular 版。

github: https://github.com/Jonny-Huang/demo-animation

Kevin: https://github.com/chgc/demo-animation ( 透過useAnimation 使用 animation)

PS：CSS 的 animation-timing-function 不知道在 Angular 上是不是 animationTimingFunction，感覺不出效果。

app.gif922×716 662 KB

4個讚
2

其實像程式碼可以放到github上面，這樣其他人要看或是要做修改，也比較容易。可以參考看看

3

上 github 都是看別人的 code，自己重來沒有上傳過(我承認我是原始人)，花點時間研究終於傳上去了。

1個讚
4

我有 fork 你的專案程式碼，重新用 animation 將原本的動畫重新包裝
使用 animation 的好處是，你的 transition 可以放在 component 的地方，再配合 useAnimation 的方式使用 animation. 這樣的寫法就可以很簡單的重複使用動畫

我有發PR給你了

2個讚
5

原來還有 useAnimation 可以用，又學了一招，感恩。