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网站写的