We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent d4de3f2 commit 87353e3Copy full SHA for 87353e3
packages/common/utils/animation/delay-out-effect.js
@@ -1,4 +1,4 @@
1
-import { keyframes } from 'styled-components';
+import { keyframes, css } from 'styled-components';
2
3
const animation = keyframes`
4
0% { opacity: 1; transform: translateY(10px); }
@@ -11,7 +11,7 @@ const reverseAnimation = keyframes`
11
`;
12
13
export default (delay: number = 0, reverse: boolean = true) =>
14
- `
+ css`
15
animation: ${reverse ? reverseAnimation : animation} 0.3s;
16
animation-delay: ${delay}s;
17
animation-fill-mode: forwards;
0 commit comments