CSS--3D正方体旋转
前言：正方体旋转这个效果是之前在逛其他博客的时候看到的，然后觉得好玩，就做出来看看。 代码： HTML 知识点： 要构建正方体，一定要了解3D坐标体系、3D变形的原理，元素是怎么翻转的，哪边是正向哪边是负向，Z轴是怎么位移的等等。下面只能 ...
原文：正方体的截面
前言 案例研究 正方体截面的探究 目的 结合正方体截面设计的问题串，引导学生完成探究 发现 证明新问题的过程，积累数学探究的经验。 情境 用一个平面截正方体，截面的形状将会是什么样的 启发学生提出逐渐深入的系列问题，引导学生进行逐渐深刻的思考。 学生可以自主或在教师引导下提出一些问题，例如： 给出截面图形的分类原则，找到截得这些形状截面的方法，面出这些截面的示意图。 例如，可以按照截面图形的边数进 ...
2020-10-27 21:37 0 691 推荐指数：
相关推荐
CSS3 实现正方体
最终效果 demo 代码 首先我们需要一个舞台stage,方便我们设置perspective(透视值)然后我们还需要一个container做旋转的容器，在 ...
CSS3 制作正方体
一、预备知识 变形属性 2D变形属性 transform:他是css3中的变形属性: 通过transform(变形) 来实现2d 或者3d 转换,其中2d 有，缩放 scale( ...
CSS3效果：旋转的正方体
...
原生js实现 正方体旋转
使用CSS3新特性实现： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
斜二测画正方体
function.ts content.md 2020-11-27 更新 function ...
纯CSS实现3D正方体动画效果
前言 纯CSS实现3D正方体动画效果，此方法是通过transform的旋转（rotate）和位移（translate）实现的，具体效果是鼠标滑过时正方体的一个面会产生位移 效果图 正文 1.基本架构 先在body里添加div作为参考，再在 ...
three.js入门——先跑个旋转的正方体
WebGl中文网看了几篇教程，又百度了几篇文章，顿时感觉手痒，打开编辑器，写个demo玩玩。 demo是写在vue项目中的，所以首先： npm install three --save; ...