aboutsummaryrefslogtreecommitdiff
path: root/src/animations/blink.js
diff options
context:
space:
mode:
authorRuben Beltran del Rio <ruben@unlimited.pizza>2021-04-22 00:18:28 +0200
committerRuben Beltran del Rio <ruben@unlimited.pizza>2021-04-22 00:18:28 +0200
commit8ae7249a5bb12f23d402f0ede32956827de4e111 (patch)
tree3ddd11865c18748d3856208b0063b3067707868d /src/animations/blink.js
parent47b0bfe47e6f13d549897149b0abc4a72ba8ac88 (diff)
Add blink test + coverage improvements
Diffstat (limited to 'src/animations/blink.js')
-rw-r--r--src/animations/blink.js10
1 files changed, 5 insertions, 5 deletions
diff --git a/src/animations/blink.js b/src/animations/blink.js
index 5515bb6..acf0dda 100644
--- a/src/animations/blink.js
+++ b/src/animations/blink.js
@@ -1,6 +1,6 @@
import { sineOut } from 'svelte/easing';
-export const blink = function whoosh(node, params) {
+export const blink = function blink(node, params) {
const originalWidth = parseFloat(getComputedStyle(node).width);
const originalHeight = parseFloat(getComputedStyle(node).height);
@@ -14,10 +14,10 @@ export const blink = function whoosh(node, params) {
const halfWidth = originalWidth / 2;
const halfHeight = originalHeight / 2;
// const padding = t < 0.8 ? halfWidth * (1 - t) / 0.8 : halfWidth / 2 + 1;
- const height = t <= 0.2 ? (originalHeight * t) / 0.2 : originalHeight;
- const marginY = t <= 0.2 ? halfHeight * (1 - t / 0.2) : 0;
- const width = t > 0.2 ? ((t - 0.2) / 0.8) * originalWidth : 0;
- const marginX = t > 0.2 ? (1 - (t - 0.2) / 0.8) * halfWidth : halfWidth;
+ const height = Math.round(t <= 0.2 ? (originalHeight * t) / 0.2 : originalHeight);
+ const marginY = Math.round(t <= 0.2 ? halfHeight * (1 - t / 0.2) : 0);
+ const width = Math.round(t > 0.2 ? ((t - 0.2) / 0.8) * originalWidth : 0);
+ const marginX = Math.round(t > 0.2 ? (1 - (t - 0.2) / 0.8) * halfWidth : halfWidth);
return `width: ${width}px; height: ${height}px; margin: ${marginY}px ${marginX}px`;
}