1-
21<img width =" 1100 " alt =" header " src =" https://github.com/user-attachments/assets/f007398e-68f6-446a-8580-8a0fb3fab57a " />
32
43Ready-to-use CSS Animation presets for React Native Reanimated
@@ -16,7 +15,7 @@ yarn add react-native-css-animations
1615
1716Add ` spin ` style object to an ` Animated ` component add a linear spinning animation. Great for loaders.
1817
19- <img src =" https://github.com/user-attachments/assets/d3a87650-83f4-476b-bf85-832a3a2d0fea " alt =" Spin animation demo " align =" right " width =" 350 " />
18+ <img src =" https://github.com/user-attachments/assets/d3a87650-83f4-476b-bf85-832a3a2d0fea " alt =" Spin animation demo " align =" right " width =" 275 " />
2019
2120``` typescript
2221import { spin } from ' react-native-css-animations' ;
@@ -31,9 +30,9 @@ function App() {
3130
3231### Ping
3332
34- Add `ping` style object to an `Animated` component to make the element scale and fade. Great for attention grabbing elements like notifications.
33+ Add `ping` style object to an `Animated` component to make the element scale and fade. Great for attention grabbing elements like notifications.
3534
36- <img src="https:// github.com/user-attachments/assets/51c604b4-621b-4821-ab9a-f289f15e07ae" alt="Ping animation demo" align="right" width="350 " />
35+ <img src="https:// github.com/user-attachments/assets/51c604b4-621b-4821-ab9a-f289f15e07ae" alt="Ping animation demo" align="right" width="275 " />
3736
3837` ` ` typescript
3938import { ping } from 'react-native-css-animations';
@@ -50,7 +49,7 @@ function App() {
5049
5150Add ` pulse ` style object to an ` Animated ` component to make it fade in and out . Great for skeleton loaders .
5251
53- < img src = " https://github.com/user-attachments/assets/d36924b1-f4f8-4bd4-b3dd-a298d3b2f4b6" alt = " Pulse animation demo" align = " right" width = " 350 " / >
52+ < img src = " https://github.com/user-attachments/assets/d36924b1-f4f8-4bd4-b3dd-a298d3b2f4b6" alt = " Pulse animation demo" align = " right" width = " 275 " / >
5453
5554` ` ` typescript
5655import { pulse } from 'react-native-css-animations';
@@ -67,7 +66,7 @@ function App() {
6766
6867Add ` bounce ` style object to an ` Animated ` component to make it bounce up and down . Great for scroll down indicators .
6968
70- < img src = " https://github.com/user-attachments/assets/81e75ed0-b7ec-4f56-a06a-c593a626cb39" alt = " Bounce animation demo" align = " right" width = " 350 " / >
69+ < img src = " https://github.com/user-attachments/assets/81e75ed0-b7ec-4f56-a06a-c593a626cb39" alt = " Bounce animation demo" align = " right" width = " 275 " / >
7170
7271` ` ` typescript
7372import { bounce } from 'react-native-css-animations';
0 commit comments