From ed58afaaa564c54d22a42593265addce08bd5850 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期二, 16 七月 2019 12:09:26 +0800 Subject: [PATCH] format-code --- src/config/globalLess/global.less | 106 ++++++++++++++++++++++++++++++++++------------------ 1 files changed, 69 insertions(+), 37 deletions(-) diff --git a/src/config/globalLess/global.less b/src/config/globalLess/global.less index bdc05d0..ccaf64d 100644 --- a/src/config/globalLess/global.less +++ b/src/config/globalLess/global.less @@ -3,12 +3,12 @@ .animate(@animate_name) { - display : flex; - -webkit-animation-duration : 0.18s; - animation-duration : 0.18s; - -webkit-animation-fill-mode: both; - animation-fill-mode : both; - animation-name : @animate_name; + display : flex; + -webkit-animation-duration : 0.18s; + animation-duration : 0.18s; + -webkit-animation-fill-mode: both; + animation-fill-mode : both; + animation-name : @animate_name; } .animated { @@ -26,50 +26,49 @@ } @keyframes rotate { - from { - transform: rotate(0deg); - } + from { + transform: rotate(0deg); + } - 25% { - transform: rotate(45deg); - } + 25% { + transform: rotate(45deg); + } - 50% { - transform: rotate(90deg); - } + 50% { + transform: rotate(90deg); + } - 75% { - transform: rotate(135deg); - } + 75% { + transform: rotate(135deg); + } - 100% { - transform: rotate(180deg); - } + 100% { + transform: rotate(180deg); + } } @keyframes rotate_return { - from { - transform: rotate(180deg); - } + from { + transform: rotate(180deg); + } - 25% { - transform: rotate(135deg); - } + 25% { + transform: rotate(135deg); + } - 50% { - transform: rotate(90deg); - } + 50% { + transform: rotate(90deg); + } - 75% { - transform: rotate(45deg); - } + 75% { + transform: rotate(45deg); + } - 100% { - transform: rotate(0deg); - } + 100% { + transform: rotate(0deg); + } } - @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); @@ -101,4 +100,37 @@ -webkit-transform: perspective(400px); transform: perspective(400px); } +} + +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } } \ No newline at end of file -- Gitblit v1.8.0