/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/429(这个说明仅在演示里会看到,下载的源码里没有)*//* -------------------------------- Primary style-------------------------------- */.tt-text-intro {	margin: 4em auto 3em;}.tt-headline {	font-size: 3rem;	line-height: 1.2;	color: #fff;}@media only screen and (min-width: 768px) {.tt-headline {	font-size: 4.4rem;	font-weight: 300;}}@media only screen and (min-width: 1170px) {.tt-headline {	font-size: 7rem;}}.tt-sub-intro {	font-size: 24px;	line-height: 35px;	color: #fff;	text-transform: uppercase;	display: block;	margin: 0px 0 20px;	letter-spacing: 3px;}.tt-words-wrapper {	display: inline-block;	position: relative;	text-align: center;}.tt-words-wrapper b {	display: inline-block;	position: absolute;	white-space: nowrap;	left: 0;	right: 0;	top: 0;	font-weight: 900;	text-transform: uppercase;}.tt-words-wrapper b.is-visible {	position: relative;}.no-js .tt-words-wrapper b {	opacity: 0;}.no-js .tt-words-wrapper b.is-visible {	opacity: 1;}/* ------------------------------------  xrotate-1 ------------------------------------ */.tt-headline.rotate-1 .tt-words-wrapper {	-webkit-perspective: 300px;	-moz-perspective: 300px;	perspective: 300px;}.tt-headline.rotate-1 b {	opacity: 0;	-webkit-transform-origin: 50% 100%;	-moz-transform-origin: 50% 100%;	-ms-transform-origin: 50% 100%;	-o-transform-origin: 50% 100%;	transform-origin: 50% 100%;	-webkit-transform: rotateX(180deg);	-moz-transform: rotateX(180deg);	-ms-transform: rotateX(180deg);	-o-transform: rotateX(180deg);	transform: rotateX(180deg);}.tt-headline.rotate-1 b.is-visible {	opacity: 1;	-webkit-transform: rotateX(0deg);	-moz-transform: rotateX(0deg);	-ms-transform: rotateX(0deg);	-o-transform: rotateX(0deg);	transform: rotateX(0deg);	-webkit-animation: tt-rotate-1-in 1.2s;	-moz-animation: tt-rotate-1-in 1.2s;	animation: tt-rotate-1-in 1.2s;}.tt-headline.rotate-1 b.is-hidden {	-webkit-transform: rotateX(180deg);	-moz-transform: rotateX(180deg);	-ms-transform: rotateX(180deg);	-o-transform: rotateX(180deg);	transform: rotateX(180deg);	-webkit-animation: tt-rotate-1-out 1.2s;	-moz-animation: tt-rotate-1-out 1.2s;	animation: tt-rotate-1-out 1.2s;} @-webkit-keyframes tt-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); opacity: 0;} 35% { -webkit-transform: rotateX(120deg); opacity: 0;} 65% { opacity: 0;} 100% { -webkit-transform: rotateX(360deg); opacity: 1;}}@-moz-keyframes tt-rotate-1-in { 0% { -moz-transform: rotateX(180deg); opacity: 0;} 35% { -moz-transform: rotateX(120deg); opacity: 0;} 65% { opacity: 0;} 100% { -moz-transform: rotateX(360deg); opacity: 1;}}@keyframes tt-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0;} 35% { -webkit-transform: rotateX(120deg); -moz-transform: rotateX(120deg); -ms-transform: rotateX(120deg); -o-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0;} 65% { opacity: 0;} 100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1;}}@-webkit-keyframes tt-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); opacity: 1;} 35% { -webkit-transform: rotateX(-40deg); opacity: 1;} 65% { opacity: 0;} 100% { -webkit-transform: rotateX(180deg); opacity: 0;}}@-moz-keyframes tt-rotate-1-out { 0% { -moz-transform: rotateX(0deg); opacity: 1;} 35% { -moz-transform: rotateX(-40deg); opacity: 1;} 65% { opacity: 0;} 100% { -moz-transform: rotateX(180deg); opacity: 0;}}@keyframes tt-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1;} 35% { -webkit-transform: rotateX(-40deg); -moz-transform: rotateX(-40deg); -ms-transform: rotateX(-40deg); -o-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1;} 65% { opacity: 0;} 100% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0;}}/* ------------------------------------  xtype ------------------------------------ */.tt-headline.type .tt-words-wrapper {	vertical-align: top;	overflow: hidden;}.tt-headline.type .tt-words-wrapper::after {	content: '';	position: absolute;	right: 0;	top: 50%;	bottom: auto;	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);	-ms-transform: translateY(-50%);	-o-transform: translateY(-50%);	transform: translateY(-50%);	height: 90%;	width: 1px;	background-color: #3f51b5;}.tt-headline.type .tt-words-wrapper.waiting::after {	-webkit-animation: tt-pulse 1s infinite;	-moz-animation: tt-pulse 1s infinite;	animation: tt-pulse 1s infinite;}.tt-headline.type .tt-words-wrapper.selected {	background-color: #3f51b5;}.tt-headline.type .tt-words-wrapper.selected::after {	visibility: hidden;}.tt-headline.type .tt-words-wrapper.selected b {	color: #fff;}.tt-headline.type b {	visibility: hidden;}.tt-headline.type b.is-visible {	visibility: visible;}.tt-headline.type i {	position: absolute;	visibility: hidden;	font-style: normal;}.tt-headline.type i.in {	position: relative;	visibility: visible;} @-webkit-keyframes tt-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); opacity: 1;} 40% { -webkit-transform: translateY(-50%) scale(0.9); opacity: 0;} 100% { -webkit-transform: translateY(-50%) scale(0); opacity: 0;}}@-moz-keyframes tt-pulse { 0% { -moz-transform: translateY(-50%) scale(1); opacity: 1;} 40% { -moz-transform: translateY(-50%) scale(0.9); opacity: 0;} 100% { -moz-transform: translateY(-50%) scale(0); opacity: 0;}}@keyframes tt-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1;} 40% { -webkit-transform: translateY(-50%) scale(0.9); -moz-transform: translateY(-50%) scale(0.9); -ms-transform: translateY(-50%) scale(0.9); -o-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); opacity: 0;} 100% { -webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0;}}/* ------------------------------------  xrotate-2 ------------------------------------ */.tt-headline.rotate-2 .tt-words-wrapper {	-webkit-perspective: 300px;	-moz-perspective: 300px;	perspective: 300px;}@media screen and (min-width: 550px) {.tt-headline.rotate-2 .tt-words-wrapper {	min-width: 500px;}}.tt-headline.rotate-2 .rotate-top {	display: block;	font-size: 24px;	text-transform: uppercase;	letter-spacing: 5px;	margin-bottom: 20px;}.tt-headline.rotate-2 i, .tt-headline.rotate-2 em {	display: inline-block;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;	font-style: normal;}.tt-headline.rotate-2 b {	opacity: 0;}.tt-headline.rotate-2 i {	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;	-ms-transform-style: preserve-3d;	-o-transform-style: preserve-3d;	transform-style: preserve-3d;	-webkit-transform: translateZ(-20px) rotateX(90deg);	-moz-transform: translateZ(-20px) rotateX(90deg);	-ms-transform: translateZ(-20px) rotateX(90deg);	-o-transform: translateZ(-20px) rotateX(90deg);	transform: translateZ(-20px) rotateX(90deg);	opacity: 0;}.is-visible .tt-headline.rotate-2 i {	opacity: 1;}.tt-headline.rotate-2 i.in {	-webkit-animation: tt-rotate-2-in 0.4s forwards;	-moz-animation: tt-rotate-2-in 0.4s forwards;	animation: tt-rotate-2-in 0.4s forwards;}.tt-headline.rotate-2 i.out {	-webkit-animation: tt-rotate-2-out 0.4s forwards;	-moz-animation: tt-rotate-2-out 0.4s forwards;	animation: tt-rotate-2-out 0.4s forwards;}.tt-headline.rotate-2 em {	-webkit-transform: translateZ(20px);	-moz-transform: translateZ(20px);	-ms-transform: translateZ(20px);	-o-transform: translateZ(20px);	transform: translateZ(20px);}.no-csstransitions .tt-headline.rotate-2 i {	-webkit-transform: rotateX(0deg);	-moz-transform: rotateX(0deg);	-ms-transform: rotateX(0deg);	-o-transform: rotateX(0deg);	transform: rotateX(0deg);	opacity: 0;}.no-csstransitions .tt-headline.rotate-2 i em {	-webkit-transform: scale(1);	-moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1);}.no-csstransitions .tt-headline.rotate-2 .is-visible i {	opacity: 1;} @-webkit-keyframes tt-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg);} 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg);} 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg);}}@-moz-keyframes tt-rotate-2-in { 0% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(90deg);} 60% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(-10deg);} 100% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0deg);}}@keyframes tt-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg);} 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); -moz-transform: translateZ(-20px) rotateX(-10deg); -ms-transform: translateZ(-20px) rotateX(-10deg); -o-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg);} 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); -moz-transform: translateZ(-20px) rotateX(0deg); -ms-transform: translateZ(-20px) rotateX(0deg); -o-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg);}}@-webkit-keyframes tt-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0);} 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg);} 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg);}}@-moz-keyframes tt-rotate-2-out { 0% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0);} 60% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-100deg);} 100% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-90deg);}}@keyframes tt-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -moz-transform: translateZ(-20px) rotateX(0); -ms-transform: translateZ(-20px) rotateX(0); -o-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0);} 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); -moz-transform: translateZ(-20px) rotateX(-100deg); -ms-transform: translateZ(-20px) rotateX(-100deg); -o-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg);} 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); -moz-transform: translateZ(-20px) rotateX(-90deg); -ms-transform: translateZ(-20px) rotateX(-90deg); -o-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg);}}/* ------------------------------------  xloading-bar ------------------------------------*/.tt-headline.loading-bar span {	display: inline-block;	padding: .2em 0;}.tt-headline.loading-bar .tt-words-wrapper {	overflow: hidden;	vertical-align: top;}.tt-headline.loading-bar .tt-words-wrapper::after {	content: '';	position: absolute;	left: 0;	bottom: 0;	height: 3px;	width: 0;	background: #3f51b5;	z-index: 2;	-webkit-transition: width 0.3s -0.1s;	-moz-transition: width 0.3s -0.1s;	transition: width 0.3s -0.1s;}.tt-headline.loading-bar .tt-words-wrapper.is-loading::after {	width: 100%;	-webkit-transition: width 3s;	-moz-transition: width 3s;	transition: width 3s;}.tt-headline.loading-bar b {	top: .2em;	opacity: 0;	-webkit-transition: opacity 0.3s;	-moz-transition: opacity 0.3s;	transition: opacity 0.3s;}.tt-headline.loading-bar b.is-visible {	opacity: 1;	top: 0;}/* ------------------------------------  xslide ------------------------------------ */.tt-headline.slide span {	display: inline-block;	padding: .2em 0;}.tt-headline.slide .tt-words-wrapper {	overflow: hidden;	vertical-align: top;}.tt-headline.slide b {	opacity: 0;	top: .2em;}.tt-headline.slide b.is-visible {	top: 0;	opacity: 1;	-webkit-animation: slide-in 0.6s;	-moz-animation: slide-in 0.6s;	animation: slide-in 0.6s;}.tt-headline.slide b.is-hidden {	-webkit-animation: slide-out 0.6s;	-moz-animation: slide-out 0.6s;	animation: slide-out 0.6s;} @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%);} 60% { opacity: 1; -webkit-transform: translateY(20%);} 100% { opacity: 1; -webkit-transform: translateY(0);}}@-moz-keyframes slide-in { 0% { opacity: 0; -moz-transform: translateY(-100%);} 60% { opacity: 1; -moz-transform: translateY(20%);} 100% { opacity: 1; -moz-transform: translateY(0);}}@keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);} 60% { opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%);} 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}}@-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0);} 60% { opacity: 0; -webkit-transform: translateY(120%);} 100% { opacity: 0; -webkit-transform: translateY(100%);}}@-moz-keyframes slide-out { 0% { opacity: 1; -moz-transform: translateY(0);} 60% { opacity: 0; -moz-transform: translateY(120%);} 100% { opacity: 0; -moz-transform: translateY(100%);}}@keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} 60% { opacity: 0; -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%);} 100% { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}}/* ------------------------------------  xclip ------------------------------------ */.tt-headline.clip span {	display: inline-block;	padding: .2em 0;}.tt-headline.clip .tt-words-wrapper {	overflow: hidden;	vertical-align: top;}.tt-headline.clip .tt-words-wrapper::after {	content: '';	position: absolute;	top: 0;	right: 0;	width: 2px;	height: 100%;	background-color: #aebcb9;}.tt-headline.clip b {	opacity: 0;}.tt-headline.clip b.is-visible {	opacity: 1;}/* ------------------------------------  xzoom ------------------------------------ */.tt-headline.zoom .tt-words-wrapper {	-webkit-perspective: 300px;	-moz-perspective: 300px;	perspective: 300px;}.tt-headline.zoom b {	opacity: 0;}.tt-headline.zoom b.is-visible {	opacity: 1;	-webkit-animation: zoom-in 0.8s;	-moz-animation: zoom-in 0.8s;	animation: zoom-in 0.8s;}.tt-headline.zoom b.is-hidden {	-webkit-animation: zoom-out 0.8s;	-moz-animation: zoom-out 0.8s;	animation: zoom-out 0.8s;} @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px);} 100% { opacity: 1; -webkit-transform: translateZ(0);}}@-moz-keyframes zoom-in { 0% { opacity: 0; -moz-transform: translateZ(100px);} 100% { opacity: 1; -moz-transform: translateZ(0);}}@keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px);} 100% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}}@-webkit-keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0);} 100% { opacity: 0; -webkit-transform: translateZ(-100px);}}@-moz-keyframes zoom-out { 0% { opacity: 1; -moz-transform: translateZ(0);} 100% { opacity: 0; -moz-transform: translateZ(-100px);}}@keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);} 100% { opacity: 0; -webkit-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px);}}/* ------------------------------------  xrotate-3 ------------------------------------*/.tt-headline.rotate-3 .tt-words-wrapper {	-webkit-perspective: 300px;	-moz-perspective: 300px;	perspective: 300px;}.tt-headline.rotate-3 b {	opacity: 0;}.tt-headline.rotate-3 i {	display: inline-block;	-webkit-transform: rotateY(180deg);	-moz-transform: rotateY(180deg);	-ms-transform: rotateY(180deg);	-o-transform: rotateY(180deg);	transform: rotateY(180deg);	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}.is-visible .tt-headline.rotate-3 i {	-webkit-transform: rotateY(0deg);	-moz-transform: rotateY(0deg);	-ms-transform: rotateY(0deg);	-o-transform: rotateY(0deg);	transform: rotateY(0deg);}.tt-headline.rotate-3 i.in {	-webkit-animation: tt-rotate-3-in 0.6s forwards;	-moz-animation: tt-rotate-3-in 0.6s forwards;	animation: tt-rotate-3-in 0.6s forwards;}.tt-headline.rotate-3 i.out {	-webkit-animation: tt-rotate-3-out 0.6s forwards;	-moz-animation: tt-rotate-3-out 0.6s forwards;	animation: tt-rotate-3-out 0.6s forwards;}.no-csstransitions .tt-headline.rotate-3 i {	-webkit-transform: rotateY(0deg);	-moz-transform: rotateY(0deg);	-ms-transform: rotateY(0deg);	-o-transform: rotateY(0deg);	transform: rotateY(0deg);	opacity: 0;}.no-csstransitions .tt-headline.rotate-3 .is-visible i {	opacity: 1;} @-webkit-keyframes tt-rotate-3-in { 0% { -webkit-transform: rotateY(180deg);} 100% { -webkit-transform: rotateY(0deg);}}@-moz-keyframes tt-rotate-3-in { 0% { -moz-transform: rotateY(180deg);} 100% { -moz-transform: rotateY(0deg);}}@keyframes tt-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);} 100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg);}}@-webkit-keyframes tt-rotate-3-out { 0% { -webkit-transform: rotateY(0);} 100% { -webkit-transform: rotateY(-180deg);}}@-moz-keyframes tt-rotate-3-out { 0% { -moz-transform: rotateY(0);} 100% { -moz-transform: rotateY(-180deg);}}@keyframes tt-rotate-3-out { 0% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0);} 100% { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg);}}/* ------------------------------------  xscale ------------------------------------ */.tt-headline.scale b {	opacity: 0;}.tt-headline.scale i {	display: inline-block;	opacity: 0;	-webkit-transform: scale(0);	-moz-transform: scale(0);	-ms-transform: scale(0);	-o-transform: scale(0);	transform: scale(0);}.is-visible .tt-headline.scale i {	opacity: 1;}.tt-headline.scale i.in {	-webkit-animation: scale-up 0.6s forwards;	-moz-animation: scale-up 0.6s forwards;	animation: scale-up 0.6s forwards;}.tt-headline.scale i.out {	-webkit-animation: scale-down 0.6s forwards;	-moz-animation: scale-down 0.6s forwards;	animation: scale-down 0.6s forwards;}.no-csstransitions .tt-headline.scale i {	-webkit-transform: scale(1);	-moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1);	opacity: 0;}.no-csstransitions .tt-headline.scale .is-visible i {	opacity: 1;} @-webkit-keyframes scale-up { 0% { -webkit-transform: scale(0); opacity: 0;} 60% { -webkit-transform: scale(1.2); opacity: 1;} 100% { -webkit-transform: scale(1); opacity: 1;}}@-moz-keyframes scale-up { 0% { -moz-transform: scale(0); opacity: 0;} 60% { -moz-transform: scale(1.2); opacity: 1;} 100% { -moz-transform: scale(1); opacity: 1;}}@keyframes scale-up { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;} 60% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1;} 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}@-webkit-keyframes scale-down { 0% { -webkit-transform: scale(1); opacity: 1;} 60% { -webkit-transform: scale(0); opacity: 0;}}@-moz-keyframes scale-down { 0% { -moz-transform: scale(1); opacity: 1;} 60% { -moz-transform: scale(0); opacity: 0;}}@keyframes scale-down { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;} 60% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;}}/* ------------------------------------  xpush ------------------------------------ */.tt-headline.push b {	opacity: 0;}.tt-headline.push b.is-visible {	opacity: 1;	-webkit-animation: push-in 0.6s;	-moz-animation: push-in 0.6s;	animation: push-in 0.6s;}.tt-headline.push b.is-hidden {	-webkit-animation: push-out 0.6s;	-moz-animation: push-out 0.6s;	animation: push-out 0.6s;} @-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%);} 60% { opacity: 1; -webkit-transform: translateX(10%);} 100% { opacity: 1; -webkit-transform: translateX(0);}}@-moz-keyframes push-in { 0% { opacity: 0; -moz-transform: translateX(-100%);} 60% { opacity: 1; -moz-transform: translateX(10%);} 100% { opacity: 1; -moz-transform: translateX(0);}}@keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);} 60% { opacity: 1; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%);} 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}}@-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0);} 60% { opacity: 0; -webkit-transform: translateX(110%);} 100% { opacity: 0; -webkit-transform: translateX(100%);}}@-moz-keyframes push-out { 0% { opacity: 1; -moz-transform: translateX(0);} 60% { opacity: 0; -moz-transform: translateX(110%);} 100% { opacity: 0; -moz-transform: translateX(100%);}}@keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} 60% { opacity: 0; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%);} 100% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}}/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/429(这个说明仅在演示里会看到,下载的源码里没有)*/