Css3 animation
7
Click here to load reader
description
CSS3 Animation with Effeckt
Transcript of Css3 animation
![Page 1: Css3 animation](https://reader038.fdocuments.in/reader038/viewer/2022100600/5550d70ab4c90599308b5239/html5/thumbnails/1.jpg)
CSS3 AnimationTed
![Page 2: Css3 animation](https://reader038.fdocuments.in/reader038/viewer/2022100600/5550d70ab4c90599308b5239/html5/thumbnails/2.jpg)
Why CSS3 Animation?● Reduce javascript● Easy to use● Can use on any library
![Page 3: Css3 animation](https://reader038.fdocuments.in/reader038/viewer/2022100600/5550d70ab4c90599308b5239/html5/thumbnails/3.jpg)
Show Time● by jQuery● by AngularJS
![Page 4: Css3 animation](https://reader038.fdocuments.in/reader038/viewer/2022100600/5550d70ab4c90599308b5239/html5/thumbnails/4.jpg)
Effeckt.cssDemo
上面頁面都是利用 CSS3 的 Animations 與Transitions 效果做出來的
![Page 5: Css3 animation](https://reader038.fdocuments.in/reader038/viewer/2022100600/5550d70ab4c90599308b5239/html5/thumbnails/5.jpg)
How does it work? 主要是透過添加 class or data attribute 的方式 ,
Modernizer 就在其中做了整合各 browser 的事情
1.jQuery
2.Modernizer
3.demo.js