java3d拉近放远_H5 视角拉近和拉远demo

直接上代码：

html:

几张图片

css:

/*

* @Author: anchen

* @Date: 2016-11-01 09:19:58

* @Last Modified by: anchen

* @Last Modified time: 2016-12-15 14:27:15

*/

body,html {

width:100%;

height:100%;

}

.contain1 {

height:100%;

perspective: 2600px;

transform-style: preserve-3d;

}

.cdd {

width:100%;

height:100%;

perspective: 2600px;

transform-style: preserve-3d;

}

.contain {

width:100%;

height:100%;

background: url('../images/3.jpg')no-repeat -4.61rem -1.87rem;

background-size: cover;

transform: translateZ(0 px);

}

.men {

position: absolute;<