css - 用于 3d 转换的 javascript 库

Question

我已经在浏览器中创建了 3d 转换示例:

<div id="wrapper">
    <div id="cube">
        <div id="top">TOP</div>
        <div id="front">FRONT</div>
    </div>
</div>

和CSS:

#cube div{ 
    -webkit-transform-origin:50% 50% -150px;
    -webkit-transition: -webkit-transform .3s linear; 
    border:1px solid black;
}
#cube:hover #top{
    -webkit-transform: perspective(1000px) translate3d(0,0,-150px) rotate3d(1,0,0,0);
}
#cube:hover #front{
    -webkit-transform: perspective(1000px) translate3d(0,0,-150px) rotate3d(1,0,0,-90deg);
}
#cube #top{ 
    -webkit-transform: perspective(1000px) translate3d(0,0,-150px) rotate3d(1,0,0,90deg);
}
#cube #front{ 
    -webkit-transform: perspective(1000px) translate3d(0,0,-150px) rotate3d(1,0,0,0);
}

你可以看到这个样本here .

但目前它只适用于 chrome，我想让它更跨浏览器。有人可以建议一些用于 3d 转换的 javascript 库吗？有没有办法转换图片和文字？

Answer 1

这里是一个css3效果的插件

Effects

并请将此作为注释阅读: Note(othr brwsers)