.mainTitleAn{ animation:topOpacityAn .5s ease-in 0s both; -moz-animation:topOpacityAn .5s ease-in 0s both; -webkit-animation:topOpacityAn .5s ease-in 0s both; -o-animation:topOpacityAn .5s ease-in 0s both; } .mainSubAn{ animation:topOpacityAn .5s ease-in .2s both; -moz-animation:topOpacityAn .5s ease-in .2s both; -webkit-animation:topOpacityAn .5s ease-in .2s both; -o-animation:topOpacityAn .5s ease-in .2s both; } .mainInfoAn{ animation:topOpacityAn .5s ease-in .3s both; -moz-animation:topOpacityAn .5s ease-in .3s both; -webkit-animation:topOpacityAn .5s ease-in .3s both; -o-animation:topOpacityAn .5s ease-in .3s both; } .contentAn{ animation:topOpacityAn .5s ease-in .6s both; -moz-animation:topOpacityAn .5s ease-in .6s both; -webkit-animation:topOpacityAn .5s ease-in .6s both; -o-animation:topOpacityAn .5s ease-in .6s both; } .customerAn{ animation:scaleOpacityAn 1s ease-in .6s both; -moz-animation:scaleOpacityAn 1s ease-in .6s both; -webkit-animation:scaleOpacityAn 1s ease-in .6s both; -o-animation:scaleOpacityAn 1s ease-in .6s both; } .serviceAn{ animation:leftOpacityAn 1s ease-in .6s both; -moz-animation:leftOpacityAn 1s ease-in .6s both; -webkit-animation:leftOpacityAn 1s ease-in .6s both; -o-animation:leftOpacityAn 1s ease-in .6s both; } @keyframes topOpacityAn{ 0%{ transform:translateY(-100px); opacity:0;} 100%{ transform:translateY(0px); opacity:1;} } @-moz-keyframes topOpacityAn{ 0%{ -moz-transform:translateY(-100px); opacity:0;} 100%{ -moz-transform:translateY(0px); opacity:1;} } @-webkit-keyframes topOpacityAn { 0%{ -webkit-transform:translateY(-100px); opacity:0;} 100%{ -webkit-transform:translateY(0px); opacity:1;} } @-o-keyframes topOpacityAn{ 0%{ -o-transform:translateY(-100px); opacity:0;} 100%{ -o-transform:translateY(0px); opacity:1;} } @keyframes rotateYOpacityAn{ 0%{ transform:perspective(600px) rotateY(20deg) opacity:0;} 100%{ transform:perspective(600px) rotateY(0); opacity:1;} } @-moz-keyframes rotateYOpacityAn{ 0%{ -moz-transform:perspective(600px) rotateY(20deg); opacity:0;} 100%{ -moz-transform:perspective(600px) rotateY(0); opacity:1;} } @-webkit-keyframes rotateYOpacityAn { 0%{ -webkit-transform:perspective(600px) rotateY(20deg); opacity:0;} 100%{ -webkit-transform:perspective(600px) rotateY(0); opacity:1;} } @-o-keyframes rotateYOpacityAn{ 0%{ -o-transform:perspective(600px) rotateY(20deg); opacity:0;} 100%{ -o-transform:perspective(600px) rotateY(0); opacity:1;} } @keyframes leftOpacityAn{ 0%{ transform:translateX(-300px); opacity:0;} 80%{ transform:translateX(20px);} 100%{ transform:translateX(0px); opacity:1;} } @-moz-keyframes leftOpacityAn{ 0%{ -moz-transform:translateX(-300px); opacity:0;} 80%{ -moz-transform:translateX(20px); } 100%{ -moz-transform:translateX(0px); opacity:1;} } @-webkit-keyframes leftOpacityAn { 0%{ -webkit-transform:translateX(-300px); opacity:0;} 80%{ -webkit-transform:translateX(20px); } 100%{ -webkit-transform:translateX(0px); opacity:1;} } @-o-keyframes leftOpacityAn{ 0%{ -o-transform:translateX(-300px); opacity:0;} 80%{ -o-transform:translateX(20px); } 100%{ -o-transform:translateX(0px); opacity:1;} } @keyframes rightOpacityAn{ 0%{ transform:translateX(300px); opacity:0;} 80%{ transform:translateX(-20px);} 100%{ transform:translateX(0px); opacity:1;} } @-moz-keyframes rightOpacityAn{ 0%{ -moz-transform:translateX(300px); opacity:0;} 80%{ -moz-transform:translateX(-20px); } 100%{ -moz-transform:translateX(0px); opacity:1;} } @-webkit-keyframes rightOpacityAn { 0%{ -webkit-transform:translateX(300px); opacity:0;} 80%{ -webkit-transform:translateX(-20px); } 100%{ -webkit-transform:translateX(0px); opacity:1;} } @-o-keyframes rightOpacityAn{ 0%{ -o-transform:translateX(300px); opacity:0;} 80%{ -o-transform:translateX(-20px); } 100%{ -o-transform:translateX(0px); opacity:1;} } @keyframes scaleOpacityAn{ 0%{ transform:scale(0); opacity:0;} 80%{ transform:scale(1.05);} 100%{ transform:scale(1); opacity:1;} } @-moz-keyframes scaleOpacityAn{ 0%{ -moz-transform:scale(0); opacity:0;} 80%{ -moz-transform:scale(1.05);} 100%{ -moz-transform:scale(1); opacity:1;} } @-webkit-keyframes scaleOpacityAn { 0%{ -webkit-transform:scale(0); opacity:0;} 80%{ -webkit-transform:scale(1.05);} 100%{ -webkit-transform:scale(1); opacity:1;} } @-o-keyframes scaleOpacityAn{ 0%{ -o-transform:scale(0); opacity:0;} 80%{ -o-transform:scale(1.05);} 100%{ -o-transform:scale(1); opacity:1;} }