smooth transitions
Browse files
Remotion-app/src/HelloWorld/ImageStream.jsx
CHANGED
|
@@ -40,7 +40,7 @@ export default function ImageStream() {
|
|
| 40 |
fps * entry.start + 2 * (durationInFrames / 4),
|
| 41 |
fps * entry.end,
|
| 42 |
],
|
| 43 |
-
[1, 1.
|
| 44 |
{
|
| 45 |
// easing: Easing.bezier(0.8, 0.22, 0.96, 0.65),
|
| 46 |
extrapolateLeft: 'clamp',
|
|
@@ -57,7 +57,6 @@ export default function ImageStream() {
|
|
| 57 |
<Img
|
| 58 |
style={{
|
| 59 |
transform: `scale(${zoom})`,
|
| 60 |
-
transition: 'all 1s ease',
|
| 61 |
}}
|
| 62 |
src={staticFile(entry.name)}
|
| 63 |
/>
|
|
|
|
| 40 |
fps * entry.start + 2 * (durationInFrames / 4),
|
| 41 |
fps * entry.end,
|
| 42 |
],
|
| 43 |
+
[1, 1.5, 1.3],
|
| 44 |
{
|
| 45 |
// easing: Easing.bezier(0.8, 0.22, 0.96, 0.65),
|
| 46 |
extrapolateLeft: 'clamp',
|
|
|
|
| 57 |
<Img
|
| 58 |
style={{
|
| 59 |
transform: `scale(${zoom})`,
|
|
|
|
| 60 |
}}
|
| 61 |
src={staticFile(entry.name)}
|
| 62 |
/>
|