demo28.css 5.0 KB

1
  1. @-webkit-keyframes nutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes nutFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut{0%{opacity:1}to{opacity:0}}@keyframes nutFadeOut{0%{opacity:1}to{opacity:0}}.nutFade-enter-active,.nutFadeIn,.nutFade-leave-active,.nutFadeOut{-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,.nutFadeIn{-webkit-animation-name:nutFadeIn;animation-name:nutFadeIn}.nutFade-leave-active,.nutFadeOut{-webkit-animation-name:nutFadeOut;animation-name:nutFadeOut}@-webkit-keyframes nutZoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes nutZoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes nutZoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active,.nutZoomIn,.nutZoom-leave-active,.nutZoomOut{-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,.nutZoomIn{-webkit-animation-name:nutZoomIn;animation-name:nutZoomIn}.nutZoom-leave-active,.nutZoomOut{-webkit-animation-name:nutZoomOut;animation-name:nutZoomOut}@-webkit-keyframes nutEaseIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes nutEaseIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes nutEaseOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes nutEaseOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}.nutEase-enter-active,.nutEaseIn,.nutEase-leave-active,.nutEaseOut{-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,.nutEaseIn{-webkit-animation-name:nutEaseIn;animation-name:nutEaseIn}.nutEase-leave-active,.nutEaseOut{-webkit-animation-name:nutEaseOut;animation-name:nutEaseOut}@-webkit-keyframes nutDropIn{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes nutDropIn{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes nutDropOut{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes nutDropOut{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}.nutDrop-enter-active,.nutDropIn,.nutDrop-leave-active,.nutDropOut{-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,.nutDropIn{-webkit-animation-name:nutDropIn;animation-name:nutDropIn}.nutDrop-leave-active,.nutDropOut{-webkit-animation-name:nutDropOut;animation-name:nutDropOut}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active,.nutRotateIn,.nutRotate-leave-active,.nutRotateOut{-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,.nutRotateIn{-webkit-animation-name:nutRotateIn;animation-name:nutRotateIn}.nutRotate-leave-active,.nutRotateOut{-webkit-animation-name:nutRotateOut;animation-name:nutRotateOut}.self-content{width:195px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.self-content-item{margin-top:10px;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.self-content-desc{margin-top:5px;width:60px;font-size:10px;text-align:center}