-
使用90行CSS3-3D变换代码实现图片旋转木马的3D效
资源介绍
css3-3d转换
仅需关键代码50行实现一个3D类似旋转木马的图片浏览功能
##代码位数
<!DOCTYPE html >
< html >
< head >
< title > Css3-3d-transform__实现图片旋转木马3D效果</ title >
</ head >
< style >
# doc {
height : 600 px ;
position : relative;
overflow : hidden;
background-color : # ddd ;
}
# stage {
width : 1000 px ;
margin : 100 px auto 0 auto;
height : 400 px ;
-webkit-perspective : 800 px ;
-moz-perspective : 800 px ;
- 上一篇: WPF 图像浏览特效
- 下一篇: fix-perspective:给定4个角，计算并应用透视校正