html中文字或图片的简单动态展示

这里写一小段代码展示下在html中用css样式去实现文字或图片的一些动态翻转的表现；

上代码：

.title div {
	padding-top: 100px;
	color: #FFF;
	/*动画的时间过度3秒*/
	-moz-transition: -moz-transform 3s;
}

.title div:hover {
	
	/*动画效果*/
	-webkit-tranform: rotateY(180deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

效果如下：

*******************************************************************************************

注：此网页是我仿照Bootstrap网站写的