Skip to content

Commit 5ca3a43

Browse files
docs: make the gifs a bit smaller
1 parent eb48669 commit 5ca3a43

File tree

1 file changed

+5
-6
lines changed

1 file changed

+5
-6
lines changed

README.md

+5-6
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
<img width="1100" alt="header" src="https://github.com/user-attachments/assets/f007398e-68f6-446a-8580-8a0fb3fab57a" />
32

43
Ready-to-use CSS Animation presets for React Native Reanimated
@@ -16,7 +15,7 @@ yarn add react-native-css-animations
1615

1716
Add `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
2221
import { 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
3938
import { ping } from 'react-native-css-animations';
@@ -50,7 +49,7 @@ function App() {
5049

5150
Add `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
5655
import { pulse } from 'react-native-css-animations';
@@ -67,7 +66,7 @@ function App() {
6766

6867
Add `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
7372
import { bounce } from 'react-native-css-animations';

0 commit comments

Comments
 (0)