diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-13 00:27:24 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-13 00:27:24 +0800 |
| commit | 2340813149c966a66ff24254941e4fb4ec0d1071 (patch) | |
| tree | 7813fdb9898c193f7feb49113be80915381c01d2 /packages/website/ts/@next/constants/animations.tsx | |
| parent | 405667fa833413863809bbea83bf6fab8a589e87 (diff) | |
| download | dexon-sol-tools-2340813149c966a66ff24254941e4fb4ec0d1071.tar dexon-sol-tools-2340813149c966a66ff24254941e4fb4ec0d1071.tar.gz dexon-sol-tools-2340813149c966a66ff24254941e4fb4ec0d1071.tar.bz2 dexon-sol-tools-2340813149c966a66ff24254941e4fb4ec0d1071.tar.lz dexon-sol-tools-2340813149c966a66ff24254941e4fb4ec0d1071.tar.xz dexon-sol-tools-2340813149c966a66ff24254941e4fb4ec0d1071.tar.zst dexon-sol-tools-2340813149c966a66ff24254941e4fb4ec0d1071.zip | |
Tests addAnimation method
Diffstat (limited to 'packages/website/ts/@next/constants/animations.tsx')
| -rw-r--r-- | packages/website/ts/@next/constants/animations.tsx | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/packages/website/ts/@next/constants/animations.tsx b/packages/website/ts/@next/constants/animations.tsx index aed6ffec7..6a58c4b40 100644 --- a/packages/website/ts/@next/constants/animations.tsx +++ b/packages/website/ts/@next/constants/animations.tsx @@ -1,4 +1,4 @@ -import { keyframes } from 'styled-components'; +import { css, keyframes } from 'styled-components'; export const fadeIn = keyframes` 0% { @@ -10,3 +10,9 @@ export const fadeIn = keyframes` opacity: 1; } `; + +export const addFadeInAnimation = (duration: string = '0.5s', delay: string = '0s') => css` + opacity: 0; + transform: translateY(10px); + animation: ${fadeIn} ${duration} ${delay} forwards; +`; |