diff options
| author | crupest <crupest@outlook.com> | 2021-04-04 23:50:25 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-04-04 23:50:25 +0800 |
| commit | da9041846e4903a330dd8e4f8ec92570775ff313 (patch) | |
| tree | e382d59f64371e57f25e72646391248274baade8 /FrontEnd/src/app/views/timeline-common/timeline-common.sass | |
| parent | 26c14ac0f2780c4489c5fb099e68c51e92a9b4b5 (diff) | |
| download | timeline-da9041846e4903a330dd8e4f8ec92570775ff313.tar.gz timeline-da9041846e4903a330dd8e4f8ec92570775ff313.tar.bz2 timeline-da9041846e4903a330dd8e4f8ec92570775ff313.zip | |
...
Diffstat (limited to 'FrontEnd/src/app/views/timeline-common/timeline-common.sass')
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/timeline-common.sass | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass index e634e77e..683a4282 100644 --- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass +++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass @@ -5,6 +5,7 @@ position: relative width: 100% overflow-wrap: break-word + animation: 1s timeline-enter $timeline-line-width: 7px $timeline-line-node-radius: 18px @@ -37,12 +38,26 @@ $timeline-line-color-current: #36c2e6 to transform: rotate(1turn) +@keyframes timeline-enter + from + transform: translate(0, -100vh) + + to + @keyframes timeline-top-loading-enter from transform: translate(0, -100%) to +@keyframes timeline-post-enter + from + transform: translate(0, -100%) + opacity: 0 + + to + opacity: 1 + .timeline-top-loading-enter animation: 1s timeline-top-loading-enter @@ -138,6 +153,8 @@ $timeline-line-color-current: #36c2e6 position: relative padding: 0.3em 0.5em 1em 4em transition: background 0.5s, padding-left 0.5s + animation: 0.4s forwards timeline-post-enter + opacity: 0 @include media-breakpoint-down(sm) padding-left: 3em |