/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/401(此说明不在下载的源码里，只用在演示页面里)*//* CSS3 ANIMATIONS */.zoom-in{    -webkit-animation: zoomIn 400ms ease both;    -moz-animation: zoomIn 400ms ease both;    -o-animation: zoomIn 400ms ease both;    animation: zoomIn 400ms ease both;}@-webkit-keyframes zoomIn {    0% { -webkit-transform: scale(1.5); }    100% { -webkit-transform: scale(1); }}@-moz-keyframes zoomIn {    0% { -moz-transform: scale(1.5); }    100% { -moz-transform: scale(1); }}@-o-keyframes zoomIn {    0% { opacity: 0; -o-transform: scale(1.5); }    100% { opacity: 1; -o-transform: scale(1); }}@keyframes zoomIn {    0% { transform: scale(1.5); }    100% { transform: scale(1); }}.zoom-out{    -webkit-animation: zoomOut 400ms ease both;    -moz-animation: zoomOut 400ms ease both;    -o-animation: zoomOut 400ms ease both;    animation: zoomOut 400ms ease both;}@-webkit-keyframes zoomOut {    0% { -webkit-transform: scale(.6); }    100% { -webkit-transform: scale(1); }}@-moz-keyframes zoomOut {    0% { -moz-transform: scale(.6); }    100% { -moz-transform: scale(1); }}@-o-keyframes zoomOut {    0% { -o-transform: scale(.6); }    100% { -o-transform: scale(1); }}@keyframes zoomOut {    0% { transform: scale(.6); }    100% { transform: scale(1); }}.drop-up{    -webkit-animation: drop-up 400ms ease both;    -moz-animation: drop-up 400ms ease both;    -o-animation: drop-up 400ms ease both;    animation: drop-up 400ms ease both;}@-webkit-keyframes drop-up {    0% { -webkit-transform: translateY(100px); }    100% { -webkit-transform: translateY(0); }}@-moz-keyframes drop-up {    0% { -moz-transform: translateY(100px); }    100% { -moz-transform: translateY(0); }}@-o-keyframes drop-up {    0% { -o-transform: translateY(100px); }    100% { -o-transform: translateY(0); }}@keyframes drop-up {    0% { transform: translateY(100px); }    100% { transform: translateY(0); }}.drop-left{    -webkit-animation: drop-left 400ms ease both;    -moz-animation: drop-left 400ms ease both;    -o-animation: drop-left 400ms ease both;    animation: drop-left 400ms ease both;}@-webkit-keyframes drop-left {    0% { -webkit-transform: translateX(-100px); }    100% { -webkit-transform: translateX(0); }}@-moz-keyframes drop-left {    0% { -moz-transform: translateX(-100px); }    100% { -moz-transform: translateX(0); }}@-o-keyframes drop-left {    0% { -o-transform: translateX(-100px); }    100% { -o-transform: translateX(0); }}@keyframes drop-left {    0% { transform: translateX(-100px); }    100% { transform: translateX(0); }}.swing {	-webkit-transform-origin: top center;	-moz-transform-origin: top center;	-o-transform-origin: top center;	transform-origin: top center;	-webkit-animation: swing 400ms ease-out both;	-moz-animation: swing 400ms ease-out both;	-o-animation: swing 400ms ease-out both;	animation: swing 400ms ease-out both;}@-webkit-keyframes swing {	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }	20% { -webkit-transform: rotate(15deg); }		40% { -webkit-transform: rotate(-10deg); }	60% { -webkit-transform: rotate(5deg); }		80% { -webkit-transform: rotate(-5deg); }		100% { -webkit-transform: rotate(0deg); }}@-moz-keyframes swing {	20% { -moz-transform: rotate(15deg); }		40% { -moz-transform: rotate(-10deg); }	60% { -moz-transform: rotate(5deg); }		80% { -moz-transform: rotate(-5deg); }		100% { -moz-transform: rotate(0deg); }}@-o-keyframes swing {	20% { -o-transform: rotate(15deg); }		40% { -o-transform: rotate(-10deg); }	60% { -o-transform: rotate(5deg); }		80% { -o-transform: rotate(-5deg); }		100% { -o-transform: rotate(0deg); }}@keyframes swing {	20% { transform: rotate(15deg); }		40% { transform: rotate(-10deg); }	60% { transform: rotate(5deg); }		80% { transform: rotate(-5deg); }		100% { transform: rotate(0deg); }}.flip{	-webkit-animation: flip 700ms ease both;	-moz-animation: flip 700ms ease both;    -o-animation: flip 700ms ease both;    animation: flip 700ms ease both;}@-webkit-keyframes flip {  0% {    -webkit-transform: perspective(400px) rotateX(90deg);    transform: perspective(400px) rotateX(90deg);    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotateX(-10deg);    transform: perspective(400px) rotateX(-10deg);  }  70% {    -webkit-transform: perspective(400px) rotateX(10deg);    transform: perspective(400px) rotateX(10deg);  }  100% {    -webkit-transform: perspective(400px) rotateX(0deg);    transform: perspective(400px) rotateX(0deg);    opacity: 1;  }}@keyframes flip {  0% {    -webkit-transform: perspective(400px) rotateX(90deg);    -ms-transform: perspective(400px) rotateX(90deg);    transform: perspective(400px) rotateX(90deg);    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotateX(-10deg);    -ms-transform: perspective(400px) rotateX(-10deg);    transform: perspective(400px) rotateX(-10deg);  }  70% {    -webkit-transform: perspective(400px) rotateX(10deg);    -ms-transform: perspective(400px) rotateX(10deg);    transform: perspective(400px) rotateX(10deg);  }  100% {    -webkit-transform: perspective(400px) rotateX(0deg);    -ms-transform: perspective(400px) rotateX(0deg);    transform: perspective(400px) rotateX(0deg);    opacity: 1;  }}.roll-in{	-webkit-animation: roll-in 400ms ease both;	-moz-animation: roll-in 400ms ease both;    -o-animation: roll-in 400ms ease both;    animation: roll-in 400ms ease both;}@-webkit-keyframes roll-in {  0% {    opacity: 0;    -webkit-transform: translateX(-100%) rotate(-15deg);    transform: translateX(-100%) rotate(-15deg);  }  100% {    opacity: 1;    -webkit-transform: translateX(0px) rotate(0deg);    transform: translateX(0px) rotate(0deg);  }}@keyframes roll-in {  0% {    opacity: 0;    -webkit-transform: translateX(-100%) rotate(-15deg);    -ms-transform: translateX(-100%) rotate(-15deg);    transform: translateX(-100%) rotate(-15deg);  }  100% {    opacity: 1;    -webkit-transform: translateX(0px) rotate(0deg);    -ms-transform: translateX(0px) rotate(0deg);    transform: translateX(0px) rotate(0deg);  }}.stretch{	-webkit-animation: stretch 500ms ease both;	-moz-animation: stretch 500ms ease both;    -o-animation: stretch 500ms ease both;    animation: stretch 500ms ease both;	transform-origin: 0% 0%;	-ms-transform-origin: 0% 0%;	-webkit-transform-origin: 0% 0%; 		}@keyframes stretch{	0% { transform: scaleX(0.3); }	40% { transform: scaleX(1.02); }	60% { transform: scaleX(0.98); }	80% { transform: scaleX(1.01); }	100% { transform: scaleX(0.98); }					80% { transform: scaleX(1.01); }	100% { transform: scaleX(1); }							}@-webkit-keyframes stretch{	0% { -webkit-transform: scaleX(0.3); }	40% { -webkit-transform: scaleX(1.02); }	60% { -webkit-transform: scaleX(0.98); }	80% { -webkit-transform: scaleX(1.01); }	100% { -webkit-transform: scaleX(0.98); }					80% { -webkit-transform: scaleX(1.01); }	100% { -webkit-transform: scaleX(1); }		}@-o-keyframes stretch{	0% { -o-transform: scaleX(0.3); }	40% { -o-transform: scaleX(1.02); }	60% { -o-transform: scaleX(0.98); }	80% { -o-transform: scaleX(1.01); }	100% { -o-transform: scaleX(0.98); }					80% { -o-transform: scaleX(1.01); }	100% { -o-transform: scaleX(1); }		}/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/401(此说明不在下载的源码里，只用在演示页面里)*/