File tree Expand file tree Collapse file tree 2 files changed +4
-4
lines changed
content/tutorial/03-advanced-svelte/02-transitions/04-custom-css-transitions Expand file tree Collapse file tree 2 files changed +4
-4
lines changed Original file line number Diff line number Diff line change @@ -68,8 +68,8 @@ We can get a lot more creative though. Let's make something truly gratuitous:
68
68
transform: scale(${eased}) rotate(${eased * 1080}deg);
69
69
color: hsl(
70
70
${Math.trunc(t * 360)},
71
- ${Math.min(100, 1000 - 1000 * t )}%,
72
- ${Math.min(50, 500 - 500 * t )}%
71
+ ${Math.min(100, 1000 * (1 - t) )}%,
72
+ ${Math.min(50, 500 * (1 - t) )}%
73
73
);`
74
74
}+++
75
75
};
Original file line number Diff line number Diff line change 14
14
transform: scale(${ eased} ) rotate(${ eased * 1080 } deg);
15
15
color: hsl(
16
16
${ Math .trunc (t * 360 )} ,
17
- ${ Math .min (100 , 1000 - 1000 * t )} %,
18
- ${ Math .min (50 , 500 - 500 * t )} %
17
+ ${ Math .min (100 , 1000 * ( 1 - t) )} %,
18
+ ${ Math .min (50 , 500 * ( 1 - t) )} %
19
19
);` ;
20
20
}
21
21
};
You can’t perform that action at this time.
0 commit comments