Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | 17x 17x 17x 17x | import { css, keyframes } from 'styled-components'; const determinateKeyframesBase = keyframes` 0% { transform: translate(-100%, 0); } 100% { transform: translate(0, 0); } `; export const determinateKeyframes = () => css` ${determinateKeyframesBase} `; const indeterminateKeyframesBase = keyframes` 0% { transform: translate(-100%, 0); } 50% { transform: translate(60%, 0); } 65% { transform: translate(100%, 0); } 65.1% { transform: translate(-100%, 100%); } 65.2% { transform: translate(-100%, 0); } 100% { transform: translate(100%, 0); } `; export const indeterminateKeyframes = () => css` ${indeterminateKeyframesBase} `; |