diff options
| author | crupest <crupest@outlook.com> | 2020-06-10 15:21:32 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-06-10 15:21:32 +0800 |
| commit | 7ec5cf66cef88bc7d3b8720070f40cceb452aec4 (patch) | |
| tree | 00d2663e9e0b1f528a023cc7e16a689a80beb8ca /Timeline/ClientApp/src/timeline/timeline.sass | |
| parent | 788ffcb06fcf021312f70c3e296011bb06fe1e84 (diff) | |
| download | timeline-7ec5cf66cef88bc7d3b8720070f40cceb452aec4.tar.gz timeline-7ec5cf66cef88bc7d3b8720070f40cceb452aec4.tar.bz2 timeline-7ec5cf66cef88bc7d3b8720070f40cceb452aec4.zip | |
feat(front): Fix #75 .
Diffstat (limited to 'Timeline/ClientApp/src/timeline/timeline.sass')
| -rw-r--r-- | Timeline/ClientApp/src/timeline/timeline.sass | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/Timeline/ClientApp/src/timeline/timeline.sass b/Timeline/ClientApp/src/timeline/timeline.sass index 511cc838..dad5251c 100644 --- a/Timeline/ClientApp/src/timeline/timeline.sass +++ b/Timeline/ClientApp/src/timeline/timeline.sass @@ -1,5 +1,20 @@ @use 'sass:color'
+@keyframes timeline-enter-animation-mask-animation
+ from
+ height: calc(100% + 300px)
+ to
+ height: 0
+
+.timeline-enter-animation-mask
+ position: absolute
+ left: 0
+ top: 0
+ width: 100%
+ background: linear-gradient(to top, transparent 0, 200px, white 300px)
+ z-index: 100
+ animation: timeline-enter-animation-mask-animation 5s
+
$timeline-line-width: 7px
$timeline-line-node-radius: 18px
$timeline-line-color: $primary
|