css 3d

image image image image

css3D库

// css3d-engine
var s = new C3D.Stage();
s.size(window.innerWidth, window.innerHeight).material({
    color: "#cccccc"
}).update();
document.getElementById('main').appendChild(s.el);

//创建1个立方体放入场景
var c = new C3D.Skybox();
c.size(1024).position(0, 0, 0).material({
    front: {image: "images/cube_FR.jpg"},
    back: {image: "images/cube_BK.jpg"},
    left: {image: "images/cube_LF.jpg"},
    right: {image: "images/cube_RT.jpg"},
    up: {image: "images/cube_UP.jpg"},
    down: {image: "images/cube_DN.jpg"},

}).update();
s.addChild(c);

parallax.js