diff options
author | Hsuan Lee <boczeratul@gmail.com> | 2019-04-10 16:30:53 +0800 |
---|---|---|
committer | Hsuan Lee <boczeratul@gmail.com> | 2019-04-10 16:30:53 +0800 |
commit | 31cf6fbe445df628760f8678932c7cfbd6c49572 (patch) | |
tree | 64c56d3e0a0746bac720bdf1d5d4ec1d97d22b0b /app/containers/App/LotteryItem.js | |
parent | 0e5518c17d8477eec9566781fb1ff80f89e8bf2c (diff) | |
download | dexon-lottery-31cf6fbe445df628760f8678932c7cfbd6c49572.tar dexon-lottery-31cf6fbe445df628760f8678932c7cfbd6c49572.tar.gz dexon-lottery-31cf6fbe445df628760f8678932c7cfbd6c49572.tar.bz2 dexon-lottery-31cf6fbe445df628760f8678932c7cfbd6c49572.tar.lz dexon-lottery-31cf6fbe445df628760f8678932c7cfbd6c49572.tar.xz dexon-lottery-31cf6fbe445df628760f8678932c7cfbd6c49572.tar.zst dexon-lottery-31cf6fbe445df628760f8678932c7cfbd6c49572.zip |
Add typewriter effect
Diffstat (limited to 'app/containers/App/LotteryItem.js')
-rw-r--r-- | app/containers/App/LotteryItem.js | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/app/containers/App/LotteryItem.js b/app/containers/App/LotteryItem.js index fa10ed7..4e59ca5 100644 --- a/app/containers/App/LotteryItem.js +++ b/app/containers/App/LotteryItem.js @@ -4,16 +4,16 @@ import moment from 'moment'; const blink = keyframes` from, to { - color: transparent; + opacity: 0; } 50% { - color: white; + opacity: 1; } `; const Marker = styled.span` - animation: ${blink} 1s step-end infinite; + animation: ${blink} 1s ease infinite; display: none; `; @@ -40,7 +40,7 @@ const Item = styled.a` `; const Gray = styled.span` - color: #8d8d8d; + /* color: #8d8d8d; */ display: contents; `; @@ -51,7 +51,7 @@ const LotteryItem = ({ timestamp, hash, number }: { timestamp: String, hash: Str > <Gray>{'Time: '}</Gray>{moment(timestamp * 1000).format('MMM Do, LTS ZZ')}<br /> <Gray>{'Number: '}</Gray>{number}<br /> - <Gray>{'TxHash: '}</Gray>{hash}<Marker>_</Marker> + <Gray>{'TxHash: '}</Gray>{hash}<Marker>|</Marker> </Item> ); |