diff options
| author | Eltrac <eltrac233@gmail.com> | 2024-11-29 00:12:57 +0800 |
|---|---|---|
| committer | Eltrac <eltrac233@gmail.com> | 2024-11-29 00:12:57 +0800 |
| commit | 1e7b20e51eeb2f5d7ab4df0f13ac25deeac2bfa1 (patch) | |
| tree | 96feeae7d9ebbd82e84ce0ba0d962f54e1fc37d6 | |
| parent | c510e8e8d8f57803e7c9d0fb8b8bbaf8ba4f2ca6 (diff) | |
feat(theme/swup): better transition animation
| -rw-r--r-- | themes/yinyang/assets/css/index.css | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/themes/yinyang/assets/css/index.css b/themes/yinyang/assets/css/index.css index 46e9fea4..bceabfdf 100644 --- a/themes/yinyang/assets/css/index.css +++ b/themes/yinyang/assets/css/index.css @@ -583,11 +583,13 @@ a.blog-link img { /* transition animation */ -html.is-changing .transition-fade { - transition: opacity 0.25s; +html.is-changing .transition-fade article { + transition: opacity, transform 0.25s; + transform: translateY(0); opacity: 1; } -html.is-animating .transition-fade { +html.is-animating .transition-fade article { + transform: translateY(2rem); opacity: 0; }
\ No newline at end of file |