diff --git a/layout/_partial/footer.ejs b/layout/_partial/footer.ejs index e8ce6fd..dc478c4 100644 --- a/layout/_partial/footer.ejs +++ b/layout/_partial/footer.ejs @@ -3,16 +3,16 @@ <% if (theme.website_count.busuanzi_count.enable) { %>
<% if (theme.website_count.busuanzi_count.site_uv) { %> - <%- __('site_uv') %> + <%- __('site_uv') %> <% } %> <% if (theme.website_count.busuanzi_count.site_pv) { %> diff --git a/source/css/layout/_partial/footer.styl b/source/css/layout/_partial/footer.styl index 5c76ff2..81d4eda 100644 --- a/source/css/layout/_partial/footer.styl +++ b/source/css/layout/_partial/footer.styl @@ -18,4 +18,8 @@ margin: 5px 0; } + .icon-animate { + animation: icon-animate 1.2s ease-in-out infinite; + } + } diff --git a/source/css/layout/common/animated.styl b/source/css/layout/common/animated.styl index 5ad5b04..e1724e4 100644 --- a/source/css/layout/common/animated.styl +++ b/source/css/layout/common/animated.styl @@ -2,12 +2,14 @@ transition() { transition: all 0.3s ease; } + the-transition() { transition-duration: 0.2s; transition-timing-function: ease-in-out; transition-delay: 0s; } + the-transition-ease-in() { transition-duration: 0.2s; transition-timing-function: ease-in; @@ -28,6 +30,7 @@ the-transition-ease-out() { animation-name: fade-in-down; } + @keyframes fade-in-down { 0% { opacity: 0; @@ -40,6 +43,24 @@ the-transition-ease-out() { } } +@keyframes icon-animate { + 0%, 100% { + transform: scale(1); + } + + 10%, 30% { + transform: scale(.88); + } + + 20%, 40%, 60%, 80% { + transform: scale(1.08); + } + + 50%, 70% { + transform: scale(1.08); + } +} + .title-hover-animation { display: inline-block; position: relative; @@ -67,3 +88,5 @@ the-transition-ease-out() { } } + +