feat: 统一动画

_config.yml

@@ -39,19 +39,19 @@ copyright:
 # Sidebar
 sidebar: right
 widgets:
-  - category
-  #- tag
-  - tagcloud
-  - archive
-#- recent_posts
+  # - category
+  # - tag
+  # - tagcloud
+  # - archive
+  # - recent_posts
 
 # Widget behavior
 archive_type: "monthly"
 show_count: false
 recent_posts_limits: 5
 
 social:
-  github: https://github.com/yourname
+  # github: https://github.com/yourname
   # google: https://plus.google.com/yourname
   # twitter: https://twitter.com/yourname
   # facebook: https://www.facebook.com/yourname

source/css/_extend.styl

@@ -36,7 +36,7 @@ $base-style
       box-sizing: unset
 
     &:after
-      transition: all 0.35s ease-out
+      transition: all 0.3s ease
       content: ""
       position: absolute
       background: var(--color-h2-after)

source/css/_partial/archive.styl

@@ -23,7 +23,7 @@
     box-sizing: unset
 
   &:after
-    transition: all 0.35s ease
+    transition: all 0.3s ease
     content: ""
     position: absolute
     background: var(--color-h2-after)
@@ -77,7 +77,7 @@
       transition: all 0.2s ease
 
     .archive-article-title
-      transition: all 0.35s ease-out
+      transition: all 0.3s ease
       opacity: 1
 
 .archive-article-date-wrap
@@ -95,7 +95,7 @@
   text-decoration: none
   font-weight: bold
   color: var(--red-0)
-  transition: all 0.35s ease-out
+  transition: all 0.3s ease
   opacity: 0.6
   margin-left: 15px
 

source/css/_partial/article.styl

@@ -9,6 +9,7 @@
 .article-inner
   @extend $block
   overflow: hidden
+  transition: all 0.3s ease
 
 .article-meta
   clearfix()
@@ -295,7 +296,7 @@ $article-meta-tag
   justify-content: center
   padding-left: 20px
   opacity: 0.9
-  transition: opacity 0.5s ease
+  transition: opacity 0.3s ease
   height: 150px
   min-height: 150px
   flex-shrink: 0

source/css/_partial/footer.styl

@@ -9,7 +9,7 @@
 
   &:hover
     .footer-line
-      transition: opacity 0.5s ease
+      transition: opacity 0.3s ease
       opacity: 0.5
 
   a
@@ -27,7 +27,7 @@
   background-image: linear-gradient(to left, rgba(255, 0, 0, 0.75) 50%, transparent 0%)
   background-size: 100px 10px
   background-repeat: repeat-x
-  transition: opacity 0.5s
+  transition: opacity 0.3s
   margin-bottom: 40px
   animation: transform-all 3s infinite
   animation-timing-function: linear

source/css/_partial/friend.styl

@@ -42,7 +42,7 @@
     img
       display: block
       opacity: 0
-      transition: opacity 200ms ease-out
+      transition: opacity 0.2s ease
       position: absolute
       left: 15%
       top: 15%
@@ -53,7 +53,7 @@
 
     img.lazyloaded
       opacity: 1
-      animation: blur 0.8s ease-in-out forwards
+      animation: blur 0.8s ease forwards
 
 .friend-info-wrap
   display: flex

source/css/_partial/header.styl

@@ -28,7 +28,7 @@
 
     display: block
     object-fit: cover
-    transition: opacity 200ms ease-out
+    transition: all 0.3s ease
     background: linear-gradient(to top, var(--color-background), transparent 50%)
 
     @media mg-large
@@ -190,7 +190,7 @@ $nav-link-wrap
   @extend $nav-link
   background: url("/images/taichi.png") no-repeat center / 80%
   transform: rotate(0deg)
-  transition: transform 1s
+  transition: transform 1s ease
 
 
 #main-nav-toggle
@@ -236,7 +236,7 @@ $nav-link-wrap
   height: 30px
   right: -150px
   opacity: 0
-  transition: 0.2s ease-out
+  transition: all 0.2s ease
 
   &.on
     opacity: 1

source/css/_partial/highlight.styl

@@ -44,6 +44,7 @@ $line-numbers
   pre, code
     font-family: "Ubuntu Mono"
     font-size: 95%
+    transition: all 0.3s ease
 
   code
     background: var(--color-code-background)

source/css/_partial/mobile.styl

@@ -11,7 +11,7 @@
     height: 100%
     background: var(--color-mobile-nav-background)
     z-index: 1001
-    transition: left 0.2s ease-out
+    transition: left 0.2s eases
 
     .mobile-nav-on &
       left: 0

source/css/_partial/post.styl

@@ -129,7 +129,7 @@ $post-cover
   img
     display: block
     opacity: 0
-    transition: all 0.2s ease-out
+    transition: all 0.2s ease
     position: absolute
     left: 0
     top: 0
@@ -139,7 +139,7 @@ $post-cover
 
   img.lazyloaded
     opacity: 1
-    animation: blur 0.8s ease-in-out forwards
+    animation: blur 0.8s ease forwards
 
 .post-cover-left
   @media mq-normal

source/css/_partial/sidebar.styl

@@ -53,15 +53,15 @@
     width: 100px
     height: 100px
     border-radius: 50%
-    transition: opacity 200ms ease-out
+    transition: opacity 0.2s ease
     opacity: 0
     object-fit: cover
     margin: 20px
     box-shadow: 0 0 15px 5px rgba(255, 0, 0, 0.2)
 
   img.lazyloaded
     opacity: 1
-    animation: blur 0.8s ease-in-out forwards
+    animation: blur 0.8s ease forwards
 
   .sidebar-author-name
     font-weight: bold
@@ -455,7 +455,7 @@ $menu-link
       margin-right: 11px
       box-shadow: 0 2px 12px var(--color-h2-after-shadow)
       opacity: 0.5
-      transition: all 0.35s ease-out
+      transition: all 0.3s ease
 
     &:hover
       &:before

source/css/_partial/widget.styl

@@ -63,7 +63,7 @@
       margin-right: 11px
       box-shadow: 0 2px 12px var(--color-h2-after-shadow)
       opacity: 0.5
-      transition: all 0.35s ease-out
+      transition: all 0.3s ease
 
     &:hover
       &:before

source/css/style.styl

@@ -58,7 +58,7 @@ body
   position: absolute
   top: 0
   left: 0
-  transition: 0.2s ease-out
+  transition: 0.3s ease
   z-index: 1
   background: var(--color-background)