@CHARSET "UTF-8"; .lefteasein{ -webkit-animation: lefteaseinAnimate 0.5s ease infinite; animation: lefteaseinAnimate 0.5s ease infinite; animation-iteration-count:1; -webkit-animation-iteration-count:1; } @-webkit-keyframes lefteaseinAnimate{ 0%{ -webkit-transform:translateX(-1200px); opacity: 0;} 100%{ -webkit-transform: translateX(0px); opacity: 1;} } @keyframes lefteaseinAnimate{ 0%{transform:translateX(-1200px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;} } .righteasein{ -webkit-animation: righteaseinAnimate 0.5s ease infinite; animation: righteaseinAnimate 0.5s ease infinite; animation-iteration-count:1; -webkit-animation-iteration-count:1; } @-webkit-keyframes righteaseinAnimate{ 0%{ -webkit-transform:translateX(1200px); opacity: 0;} 100%{ -webkit-transform: translateX(0px); opacity: 1;} } @keyframes righteaseinAnimate{ 0%{transform:translateX(1200px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;} } .upeasein{ -webkit-animation: upeaseinAnimate 0.5s ease infinite; animation: upeaseinAnimate 0.5s ease infinite; animation-iteration-count:1; -webkit-animation-iteration-count:1; } @-webkit-keyframes upeaseinAnimate{ 0%{ -webkit-transform: translateY(-200px); opacity: 0;} 100%{ -webkit-transform: translateY(0px); opacity: 1;} } @keyframes upeaseinAnimate{ 0%{ transform: translateY(-200px); opacity: 0;} 100%{ transform: translateY(0px); opacity: 1;} } .boteasein{ -webkit-animation: boteaseinAnimate 0.5s ease infinite; animation: boteaseinAnimate 0.5s ease infinite; animation-iteration-count:1; -webkit-animation-iteration-count:1; } @-webkit-keyframes boteaseinAnimate{ 0%{ -webkit-transform: translateY(200px); opacity: 0;} 100%{ -webkit-transform: translateY(0px); opacity: 1;} } @keyframes boteaseinAnimate{ 0%{ transform: translateY(200px); opacity: 0;} 100%{ transform: translateY(0px); opacity: 1;} } .nirotatein{ -webkit-animation: nirotateinAnimate 1s ease infinite; animation: nirotateinAnimate 1s ease infinite; animation-iteration-count:1; -webkit-animation-iteration-count:1; } @-webkit-keyframes nirotateinAnimate{ 0%{ -webkit-transform: rotate(200deg);} 100%{ -webkit-transform: rotate(0deg);} } @keyframes nirotateinAnimate{ 0%{ transform: rotate(200deg);} 100%{ transform: rotate(0deg);} } .zhengrotatein{ -webkit-animation: zhengrotateinAnimate 1s ease infinite; animation: zhengrotateinAnimate 1s ease infinite; animation-iteration-count:1; -webkit-animation-iteration-count:1; } @-webkit-keyframes zhengrotateinAnimate{ 0%{ -webkit-transform: rotate(-200deg);} 100%{ -webkit-transform: rotate(0deg);} } @keyframes zhengrotateinAnimate{ 0%{ transform: rotate(-200deg);} 100%{ transform: rotate(0deg);} } .rotateinleftbot{ -webkit-animation: rotateinleftbotAnimate 1s ease infinite; animation: rotateinleftbotAnimate 1s ease infinite; animation-iteration-count:1; -webkit-animation-iteration-count:1; } @-webkit-keyframes rotateinleftbotAnimate{ 0%{ -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg);} 100%{-webkit-transform-origin: left bottom; -webkit-transform: rotate(0deg);} } @keyframes rotateinleftbotAnimate{ 0%{ transform-origin: left bottom;transform: rotate(-90deg);} 100%{transform-origin: left bottom; transform: rotate(0deg);} } .rotateinrightbot{ -webkit-animation: rotateinrightbotAnimate 1s ease infinite; animation: rotateinrightbotAnimate 1s ease infinite; animation-iteration-count:1; -webkit-animation-iteration-count:1; } @-webkit-keyframes rotateinrightbotAnimate{ 0%{ -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg);} 100%{-webkit-transform-origin: right bottom; -webkit-transform: rotate(0deg);} } @keyframes rotateinrightbotAnimate{ 0%{ transform-origin: right bottom;transform: rotate(90deg);} 100%{transform-origin: right bottom; transform: rotate(0deg);} } .bouncein{ -webkit-animation: bounceinAnimate 1s ease infinite; animation: bounceinAnimate 1s ease infinite; animation-iteration-count:1; -webkit-animation-iteration-count:1; } @-webkit-keyframes bounceinAnimate{ 0%{ -webkit-transform: scale(.3);} 50%{ -webkit-transform: scale(1.05);} 70%{ -webkit-transform: scale(0.9);} 100%{ -webkit-transform: scale(1);} } @keyframes bounceinAnimate{ 0%{ transform: scale(.3);} 50%{transform: scale(1.05);} 70%{ transform: scale(0.9);} 100%{transform: scale(1);} } .zuoXuan_div { animation:zuoXuan_div 1s; -moz-animation:zuoXuan_div 1s; -webkit-animation:zuoXuan_div 1s; -o-animation:zuoXuan_div 1s; } @keyframes zuoXuan_div { 0% {transform: translateX(-1200px) rotate(0deg);} 100% {transform: translateX(0px) rotate(720deg);} } @-webkit-keyframes zuoXuan_div { 0% {-webkit-transform: translateX(-1200px) rotate(0deg);} 100% {-webkit-transform: translateX(0px) rotate(720deg);} } @-moz-keyframes zuoXuan_div { 0% {-moz-transform: translateX(-1200px) rotate(0deg);} 100% {-moz-transform: translateX(0px) rotate(720deg);} } @-o-keyframes zuoXuan_div { 0% {transform: translateX(-1200px) rotate(0deg);} 100% {transform: translateX(0px) rotate(720deg);} } .youXuan_div { animation:youXuan_div 1s ; -moz-animation:youXuan_div 1s ; -webkit-animation:youXuan_div 1s ; -o-animation:youXuan_div 1s; } @keyframes youXuan_div { 0% {transform: translateX(1200px) rotate(0deg)} 100% {transform: translateX(0px) rotate(-720deg)} } @-webkit-keyframes youXuan_div { 0% {-webkit-transform: translateX(1200px) rotate(0deg)} 100% {-webkit-transform: translateX(0px) rotate(-720deg)} } @-moz-keyframes youXuan_div { 0% {-moz-transform: translateX(1200px) rotate(0deg)} 100% {-moz-transform: translateX(0px) rotate(-720deg)} } @-o-keyframes youXuan_div { 0% {transform: translateX(1200px) rotate(0deg)} 100% {transform: translateX(0px) rotate(-720deg)} }