首先看一下效果图 1.坐标系，要在脑海里先建立一个3D坐标系 如下图，看清楚x，y，z轴 2.html代码。 3.css3代码 /*1.首先给html设置一个背景，顺便练习一下渐变*/html{ background:linear-gradient ...

CSS3可以实现制作立方体，代码简单，只是涉及CSS3的一些变换、动画以及过渡属性，而且这些大家都见过，通过制作这个立方体可以让大家更好见识到CSS3的厉害。 实现效果如下图： 立方体是由六个面组成，分上下、左右和前后，考虑这些可以助我们更好的融入css3的代码接下来就是要写代码 ...

轻松实现带图片旋转立方体盒子 需要使用 transform，@keyframes， animation这三个重要的属性 实现基本的布局，让父盒子成为3D的舞台，让父盒子X,Y轴各转20deg方便我们观察 利用transform ...

　　声明：本文为原创文章，如需转载，请注明来源WAxes，谢谢！ 　　虽然现在很多浏览器都还不支持css3的3D转换，不过估计也已经有很多人都有玩css3的3D了。。。。。。所以我这篇也就相当于水一下了，哈哈。 　　用css3写3D立方体用到的属性不多，就那么几个：perspective ...

利用CSS3中的transform属性画菱形和平行四边形 transform 实现2D或是3D的变形转换，通过transform可以实现对元素的四种变换：旋转、缩放、移动、倾斜 一、菱形 菱形的特点：菱形的四条边相等，可以理解为正方形的一种，所以分析可以通过正方形的旋转得到菱形 ...

...

编写一个程序，该程序运行时可以用鼠标的一个按键调整立方体的方向，用另一个按键平移立方体，用第三个按键缩放立方体。 这是题目，我的程序不一定完全按照这个来。初学OpenGL，对那一堆坐标系表示十分混乱，慢慢看吧，有点头绪了。 （一） 这个程序略长，显得有点笨。手工实现了平移和放大 ...

他是有两个旋转的立方体，大立方体套小立方体； 3.点击图片的时候，外部大立方体向外延伸。 有了这个大 ...