@-webkit-keyframes widthAni{ 0%{ width:0;}100%{ width:100%;}}
@keyframes widthAni{ 0%{ width:0;}100%{ width:100%;}}
.widthAni{ -webkit-animation-name:widthAni; animation-name:widthAni;}

@-webkit-keyframes heightAni{ 0%{ height:0;}100%{ height:100%;}}
@keyframes heightAni{ 0%{ height:0;}100%{ height:100%;}}
.heightAni{ -webkit-animation-name:heightAni; animation-name:heightAni;}


@-webkit-keyframes opacity { 0%{ opacity:0;} 100%{ opacity:1;}}
@keyframes opacity { 0%{ opacity:0;} 100%{ opacity:1;}}
.opacity{ -webkit-animation-name:opacity; animation-name:opacity;}


@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)} to{-webkit-transform: rotate(360deg)}}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)} to{-moz-transform: rotate(359deg)}}
@keyframes rotate{from{transform: rotate(0deg)} to{transform: rotate(359deg)}}
.rotate{ -webkit-animation-name:rotate; animation-name:rotate;}

@-webkit-keyframes box2Ani{ 0%{ stroke-dashoffset:365px;}100%{ stroke-dashoffset:0;}}
@keyframes box2Ani{ 0%{ stroke-dashoffset:365px;}100%{ stroke-dashoffset:0;}}
.box2Ani{ -webkit-animation-name:box2Ani; animation-name:box2Ani;}