demo8.css 5.7 KB

1
  1. @-webkit-keyframes nutFadeIn-c7a3fbe2{0%{opacity:0}to{opacity:1}}@keyframes nutFadeIn-c7a3fbe2{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut-c7a3fbe2{0%{opacity:1}to{opacity:0}}@keyframes nutFadeOut-c7a3fbe2{0%{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-c7a3fbe2],.nutFadeIn[data-v-c7a3fbe2],.nutFade-leave-active[data-v-c7a3fbe2],.nutFadeOut[data-v-c7a3fbe2]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active[data-v-c7a3fbe2],.nutFadeIn[data-v-c7a3fbe2]{-webkit-animation-name:nutFadeIn-c7a3fbe2;animation-name:nutFadeIn-c7a3fbe2}.nutFade-leave-active[data-v-c7a3fbe2],.nutFadeOut[data-v-c7a3fbe2]{-webkit-animation-name:nutFadeOut-c7a3fbe2;animation-name:nutFadeOut-c7a3fbe2}@-webkit-keyframes nutZoomIn-c7a3fbe2{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomIn-c7a3fbe2{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes nutZoomOut-c7a3fbe2{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes nutZoomOut-c7a3fbe2{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active[data-v-c7a3fbe2],.nutZoomIn[data-v-c7a3fbe2],.nutZoom-leave-active[data-v-c7a3fbe2],.nutZoomOut[data-v-c7a3fbe2]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active[data-v-c7a3fbe2],.nutZoomIn[data-v-c7a3fbe2]{-webkit-animation-name:nutZoomIn-c7a3fbe2;animation-name:nutZoomIn-c7a3fbe2}.nutZoom-leave-active[data-v-c7a3fbe2],.nutZoomOut[data-v-c7a3fbe2]{-webkit-animation-name:nutZoomOut-c7a3fbe2;animation-name:nutZoomOut-c7a3fbe2}@-webkit-keyframes nutEaseIn-c7a3fbe2{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes nutEaseIn-c7a3fbe2{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes nutEaseOut-c7a3fbe2{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes nutEaseOut-c7a3fbe2{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}.nutEase-enter-active[data-v-c7a3fbe2],.nutEaseIn[data-v-c7a3fbe2],.nutEase-leave-active[data-v-c7a3fbe2],.nutEaseOut[data-v-c7a3fbe2]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active[data-v-c7a3fbe2],.nutEaseIn[data-v-c7a3fbe2]{-webkit-animation-name:nutEaseIn-c7a3fbe2;animation-name:nutEaseIn-c7a3fbe2}.nutEase-leave-active[data-v-c7a3fbe2],.nutEaseOut[data-v-c7a3fbe2]{-webkit-animation-name:nutEaseOut-c7a3fbe2;animation-name:nutEaseOut-c7a3fbe2}@-webkit-keyframes nutDropIn-c7a3fbe2{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes nutDropIn-c7a3fbe2{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes nutDropOut-c7a3fbe2{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes nutDropOut-c7a3fbe2{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}.nutDrop-enter-active[data-v-c7a3fbe2],.nutDropIn[data-v-c7a3fbe2],.nutDrop-leave-active[data-v-c7a3fbe2],.nutDropOut[data-v-c7a3fbe2]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active[data-v-c7a3fbe2],.nutDropIn[data-v-c7a3fbe2]{-webkit-animation-name:nutDropIn-c7a3fbe2;animation-name:nutDropIn-c7a3fbe2}.nutDrop-leave-active[data-v-c7a3fbe2],.nutDropOut[data-v-c7a3fbe2]{-webkit-animation-name:nutDropOut-c7a3fbe2;animation-name:nutDropOut-c7a3fbe2}@-webkit-keyframes rotation-c7a3fbe2{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotation-c7a3fbe2{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-c7a3fbe2],.nutRotateIn[data-v-c7a3fbe2],.nutRotate-leave-active[data-v-c7a3fbe2],.nutRotateOut[data-v-c7a3fbe2]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active[data-v-c7a3fbe2],.nutRotateIn[data-v-c7a3fbe2]{-webkit-animation-name:nutRotateIn;animation-name:nutRotateIn}.nutRotate-leave-active[data-v-c7a3fbe2],.nutRotateOut[data-v-c7a3fbe2]{-webkit-animation-name:nutRotateOut;animation-name:nutRotateOut}#app .demo[data-v-c7a3fbe2]{padding:57px 0 0}.show-demo[data-v-c7a3fbe2]{background:#ffffff;padding:0 20px}h2[data-v-c7a3fbe2]{padding:0 20px}.btnBtn[data-v-c7a3fbe2]{text-align:center}.btnBtn .nut-button[data-v-c7a3fbe2]{margin-right:20px}.disabledClick[data-v-c7a3fbe2]{pointer-events:none!important;cursor:not-allowed!important;opacity:.6!important}