hexo-theme-solitude 1.1.3 → 1.2.2

package/source/css/_global/animation.css

@@ -0,0 +1,756 @@
+@keyframes barrageIn {
+    0% {
+        transform: translateY(20px);
+        opacity: 0
+    }
+
+    100% {
+        transform: translateY(0);
+        opacity: 1
+    }
+}
+
+@keyframes barrageOut {
+    0% {
+        transform: translateY(0);
+        opacity: 1
+    }
+
+    100% {
+        transform: translateY(20px);
+        opacity: 0
+    }
+}
+
+@-webkit-keyframes scroll-down-effect {
+    0% {
+        top: 0;
+        opacity: .4
+    }
+
+    50% {
+        top: -16px;
+        opacity: 1;
+        filter: none
+    }
+
+    100% {
+        top: 0;
+        opacity: .4
+    }
+}
+
+@keyframes scroll-down-effect {
+    0% {
+        top: 0;
+        opacity: .4
+    }
+
+    50% {
+        top: -16px;
+        opacity: 1;
+        filter: none
+    }
+
+    100% {
+        top: 0;
+        opacity: .4
+    }
+}
+
+@-webkit-keyframes header-effect {
+    0% {
+        opacity: 0;
+        transform: translateY(-50px)
+    }
+
+    100% {
+        opacity: 1;
+        filter: none;
+        transform: translateY(0)
+    }
+}
+
+@keyframes header-effect {
+    0% {
+        opacity: 0;
+        transform: translateY(-50px)
+    }
+
+    100% {
+        opacity: 1;
+        filter: none;
+        transform: translateY(0)
+    }
+}
+
+@-webkit-keyframes headerNoOpacity {
+    0% {
+        transform: translateY(-50px)
+    }
+
+    100% {
+        transform: translateY(0)
+    }
+}
+
+@keyframes headerNoOpacity {
+    0% {
+        transform: translateY(-50px)
+    }
+
+    100% {
+        transform: translateY(0)
+    }
+}
+
+@-webkit-keyframes bottom-top {
+    0% {
+        opacity: 0;
+        margin-top: 50px
+    }
+
+    100% {
+        opacity: 1;
+        filter: none;
+        margin-top: 0
+    }
+}
+
+@keyframes bottom-top {
+    0% {
+        opacity: 0;
+        margin-top: 50px
+    }
+
+    100% {
+        opacity: 1;
+        filter: none;
+        margin-top: 0
+    }
+}
+
+@-webkit-keyframes titlescale {
+    0% {
+        opacity: 0;
+        transform: scale(.7)
+    }
+
+    100% {
+        opacity: 1;
+        filter: none;
+        transform: scale(1)
+    }
+}
+
+@keyframes titlescale {
+    0% {
+        opacity: 0;
+        transform: scale(.7)
+    }
+
+    100% {
+        opacity: 1;
+        filter: none;
+        transform: scale(1)
+    }
+}
+
+@-webkit-keyframes search_close {
+    0% {
+        transform: translateY(0);
+        opacity: 1
+    }
+
+    100% {
+        transform: translateY(20px);
+        opacity: 0
+    }
+}
+
+@keyframes search_close {
+    0% {
+        transform: translateY(0);
+        opacity: 1
+    }
+
+    100% {
+        transform: translateY(20px);
+        opacity: 0
+    }
+}
+
+@-webkit-keyframes to_show {
+    0% {
+        opacity: 0
+    }
+
+    100% {
+        opacity: 1;
+        filter: none
+    }
+}
+
+@keyframes to_show {
+    0% {
+        opacity: 0
+    }
+
+    100% {
+        opacity: 1;
+        filter: none
+    }
+}
+
+@-webkit-keyframes to_hide {
+    0% {
+        opacity: 1;
+        filter: none
+    }
+
+    100% {
+        opacity: 0
+    }
+}
+
+@keyframes to_hide {
+    0% {
+        opacity: 1;
+        filter: none
+    }
+
+    100% {
+        opacity: 0
+    }
+}
+
+@-webkit-keyframes ribbon_to_show {
+    0% {
+        opacity: 0
+    }
+
+    100% {
+        opacity: .6
+    }
+}
+
+@keyframes ribbon_to_show {
+    0% {
+        opacity: 0
+    }
+
+    100% {
+        opacity: .6
+    }
+}
+
+@-webkit-keyframes avatar_turn_around {
+    0% {
+        transform: rotate(0)
+    }
+
+    100% {
+        transform: rotate(360deg)
+    }
+}
+
+@keyframes avatar_turn_around {
+    0% {
+        transform: rotate(0)
+    }
+
+    100% {
+        transform: rotate(360deg)
+    }
+}
+
+@-webkit-keyframes sub_menus {
+    0% {
+        opacity: 0;
+        transform: translateY(10px)
+    }
+
+    100% {
+        opacity: 1;
+        filter: none;
+        transform: translateY(0)
+    }
+}
+
+@keyframes sub_menus {
+    0% {
+        opacity: 0;
+        transform: translateY(10px)
+    }
+
+    100% {
+        opacity: 1;
+        filter: none;
+        transform: translateY(0)
+    }
+}
+
+@-webkit-keyframes donate_effcet {
+    0% {
+        opacity: 0;
+        transform: translateY(-20px)
+    }
+
+    100% {
+        opacity: 1;
+        filter: none;
+        transform: translateY(0)
+    }
+}
+
+@keyframes donate_effcet {
+    0% {
+        opacity: 0;
+        transform: translateY(-20px)
+    }
+
+    100% {
+        opacity: 1;
+        filter: none;
+        transform: translateY(0)
+    }
+}
+
+@-webkit-keyframes announ_animation {
+    0%, 100% {
+        transform: scale(1);
+        filter: blur(0)
+    }
+
+    50% {
+        transform: scale(1.2);
+        filter: blur(20px)
+    }
+}
+
+@keyframes announ_animation {
+    0%, 100% {
+        transform: scale(1);
+        filter: blur(0)
+    }
+
+    50% {
+        transform: scale(1.2);
+        filter: blur(20px)
+    }
+}
+
+@-webkit-keyframes sidebarItem {
+    0% {
+        transform: translateX(200px)
+    }
+
+    100% {
+        transform: translateX(0)
+    }
+}
+
+@keyframes sidebarItem {
+    0% {
+        transform: translateX(200px)
+    }
+
+    100% {
+        transform: translateX(0)
+    }
+}
+
+@keyframes sco-spin {
+    0% {
+        transform: rotate(0)
+    }
+
+    100% {
+        transform: rotate(360deg)
+    }
+}
+
+@-webkit-keyframes code-expand-key {
+    0% {
+        opacity: .6
+    }
+
+    50% {
+        opacity: .1
+    }
+
+    100% {
+        opacity: .6
+    }
+}
+
+@keyframes code-expand-key {
+    0% {
+        opacity: .6
+    }
+
+    50% {
+        opacity: .1
+    }
+
+    100% {
+        opacity: .6
+    }
+}
+
+@keyframes slide-in {
+    from {
+        transform: translateY(20px);
+        opacity: 0
+    }
+
+    to {
+        transform: translateY(0);
+        opacity: 1
+    }
+}
+
+@keyframes slide-in-op {
+    from {
+        opacity: 0
+    }
+
+    to {
+        opacity: 1
+    }
+}
+
+@-webkit-keyframes more-btn-move {
+    0%, 100% {
+        transform: translateX(0)
+    }
+
+    50% {
+        transform: translateX(3px)
+    }
+}
+
+@keyframes more-btn-move {
+    0%, 100% {
+        transform: translateX(0)
+    }
+
+    50% {
+        transform: translateX(3px)
+    }
+}
+
+@-webkit-keyframes toc-open {
+    0% {
+        transform: scale(.7)
+    }
+
+    100% {
+        transform: scale(1)
+    }
+}
+
+@keyframes toc-open {
+    0% {
+        transform: scale(.7)
+    }
+
+    100% {
+        transform: scale(1)
+    }
+}
+
+@-webkit-keyframes toc-close {
+    0% {
+        transform: scale(1)
+    }
+
+    100% {
+        transform: scale(.7)
+    }
+}
+
+@keyframes toc-close {
+    0% {
+        transform: scale(1)
+    }
+
+    100% {
+        transform: scale(.7)
+    }
+}
+
+@-webkit-keyframes configure-clockwise {
+    0% {
+        transform: rotate(0)
+    }
+
+    25% {
+        transform: rotate(90deg)
+    }
+
+    50% {
+        transform: rotate(180deg)
+    }
+
+    75% {
+        transform: rotate(270deg)
+    }
+
+    100% {
+        transform: rotate(360deg)
+    }
+}
+
+@keyframes configure-clockwise {
+    0% {
+        transform: rotate(0)
+    }
+
+    25% {
+        transform: rotate(90deg)
+    }
+
+    50% {
+        transform: rotate(180deg)
+    }
+
+    75% {
+        transform: rotate(270deg)
+    }
+
+    100% {
+        transform: rotate(360deg)
+    }
+}
+
+@-webkit-keyframes configure-xclockwise {
+    0% {
+        transform: rotate(45deg)
+    }
+
+    25% {
+        transform: rotate(-45deg)
+    }
+
+    50% {
+        transform: rotate(-135deg)
+    }
+
+    75% {
+        transform: rotate(-225deg)
+    }
+
+    100% {
+        transform: rotate(-315deg)
+    }
+}
+
+@keyframes configure-xclockwise {
+    0% {
+        transform: rotate(45deg)
+    }
+
+    25% {
+        transform: rotate(-45deg)
+    }
+
+    50% {
+        transform: rotate(-135deg)
+    }
+
+    75% {
+        transform: rotate(-225deg)
+    }
+
+    100% {
+        transform: rotate(-315deg)
+    }
+}
+
+@-webkit-keyframes tabshow {
+    0% {
+        transform: translateY(15px)
+    }
+
+    100% {
+        transform: translateY(0)
+    }
+}
+
+@keyframes tabshow {
+    0% {
+        transform: translateY(15px)
+    }
+
+    100% {
+        transform: translateY(0)
+    }
+}
+
+@-webkit-keyframes playingShadow {
+    0% {
+        box-shadow: 0 0 12px -6px var(--sco-none)
+    }
+
+    50% {
+        box-shadow: 0 0 12px 0 var(--sco-main)
+    }
+
+    100% {
+        box-shadow: 0 0 12px -6px var(--sco-none)
+    }
+}
+
+@-webkit-keyframes changeright {
+    0% {
+        -webkit-transform: rotate(0) scale(1.1);
+        box-shadow: 0 0 2px #ffffff00
+    }
+
+    25% {
+        -webkit-transform: rotate(90deg) scale(1.1);
+        box-shadow: 0 0 10px #fff
+    }
+
+    50% {
+        -webkit-transform: rotate(180deg) scale(1.1);
+        box-shadow: 0 0 2px #ffffff00
+    }
+
+    75% {
+        -webkit-transform: rotate(270deg) scale(1.1);
+        box-shadow: 0 0 10px #fff
+    }
+
+    100% {
+        -webkit-transform: rotate(360deg) scale(1.1);
+        box-shadow: 0 0 2px #ffffff00
+    }
+}
+
+@-webkit-keyframes lightBar {
+    0% {
+        opacity: .1
+    }
+
+    60% {
+        opacity: .3
+    }
+
+    100% {
+        opacity: .1
+    }
+}
+
+@keyframes snackbar-progress {
+    from {
+        width: 0
+    }
+
+    to {
+        width: 100%
+    }
+}
+
+@keyframes move-forever {
+    0% {
+        transform: translate3d(-90px, 0, 0)
+    }
+
+    100% {
+        transform: translate3d(85px, 0, 0)
+    }
+}
+
+@keyframes rowup {
+    from {
+        transform: translateX(0)
+    }
+
+    to {
+        transform: translateX(-50%)
+    }
+}
+
+@keyframes gradient {
+    0% {
+        background-position: 0 50%
+    }
+
+    50% {
+        background-position: 100% 50%
+    }
+
+    100% {
+        background-position: 0 50%
+    }
+}
+
+@keyframes commonTipsIn {
+    0% {
+        top: -50px;
+        opacity: 0
+    }
+
+    100% {
+        top: -60px;
+        opacity: 1
+    }
+}
+
+@keyframes commonTriangleIn {
+    0% {
+        transform: translate(-50%, -36px);
+        opacity: 0
+    }
+
+    100% {
+        transform: translate(-50%, -46px);
+        opacity: 1
+    }
+}
+
+@keyframes owoIn {
+    0% {
+        transform: translate(0, -95%);
+        opacity: 0
+    }
+
+    100% {
+        transform: translate(0, -105%);
+        opacity: 1
+    }
+}
+
+@keyframes light_tag {
+    0% {
+        transform: skewx(0);
+        -o-transform: skewx(0);
+        -moz-transform: skewx(0);
+        -webkit-transform: skewx(0);
+        left: -150px
+    }
+
+    99% {
+        transform: skewx(-25deg);
+        -o-transform: skewx(-25deg);
+        -moz-transform: skewx(-25deg);
+        -webkit-transform: skewx(-25deg);
+        left: 50px
+    }
+}
+
+@keyframes floating {
+    0% {
+        transform: translate(0, -4px)
+    }
+
+    50% {
+        transform: translate(0, 4px)
+    }
+
+    100% {
+        transform: translate(0, -4px)
+    }
+}