How i can add new css files like Animate.css

Ionic Framework ionic-v3
1

i want to add Animate .css to my ionic 2 app rc3
https://daneden.github.io/animate.css/

i tried to add it to src/index.html but it doesn`t work , any one have an good solution to add css files like Animate.css | bootstrap to my project

2

I put animate.css in the src/theme folder, changed the extension to scss, then in src/app.scss, added:
@import ā€œā€¦/theme/animate.scssā€;

I also created an animateDelays.scss with a number of standard timing delays for animate.css, and imported it the same way, so I can add a class to an element create the desired delay

It works really well

2 Likes
3

Are You use ionic 2 rc3 ?

4

Unfortunately it dosen`t work;

5

Yes, Iā€™m running the latest, RC3.

6

Are you applying both classes, ā€˜animatedā€™ and the effect (such as ā€˜fadeInUpā€™)? Both classes must applied to the element you wish to animate.