hexo-theme-redefine
Version:
Redefine your writing with Hexo Theme Redefine.
42 lines (34 loc) • 864 B
text/stylus
.transition-fade
transition 0.4s
opacity 1
.transition-fade-up
transform translateY(0)
opacity 1
transition transform 0.4s ease, opacity 0.4s ease
.transition-fade-down
transform translateY(0)
opacity 1
transition transform 0.4s ease, opacity 0.4s ease
// Define transitions for both classes
html.is-changing
.transition-fade
transition opacity 0.4s ease
opacity 1
.transition-fade-up
transition transform 0.4s ease, opacity 0.4s ease
transform translateY(0)
opacity 1
.transition-fade-down
transition transform 0.4s ease, opacity 0.4s ease
transform translateY(0)
opacity 1
// Define states for unloaded pages
html.is-animating
.transition-fade
opacity 0
.transition-fade-up
transform translateY(20px)
opacity 0
.transition-fade-down
transform translateY(-20px)
opacity 0