网站首页 translatez

• 

  Three.js建模基础

  在Three.js中，一个可见的物体是由几何体和材料构成的。在这个教程中，我们将学习如何从头开始创建新的网格几何体，研究Three.js为处理几何对象和材质所提供的相关支持。1、索引面集/IndexedFaceSetsThree.js中...

  2024-11-18 hmc789 技术文章 4 ℃
• 

  CSS3之3D魔方鼠标控制酷炫效果

  前面文章有制作水晶魔方，这次我们升级一下它的功能，通过鼠标控制魔方旋转。大家先看效果这酷炫的效果，你怎么看？鼠标事件这次效果，咱们需要用JS实现。主要是监听鼠标事件，计算鼠标滑动距离，改变魔方的rotateX、rotateYJS有哪些鼠标事...

  2024-11-18 hmc789 技术文章 4 ℃
• 

  CSS中的绘制顺序，chrome和firefox在使用3D变换时的不同点

  一般规则浏览器如何确定绘画内容的顺序？猜测可能是浏览器将按照DOM中指定的顺序来绘制内容，就是它在页面的源代码中出现的顺序。我们可以构造一个简单的示例，显示两个div。我们通过给两个div之一赋予负的margin-top来使他们重叠。<...

  2024-11-18 hmc789 技术文章 2 ℃
• 

  css 3D transform 感性理解

  ?一、首先，情感化认识??CSS3中的3D变换效果，其实就是现实中姿势的变换；虽然都是成年人，但考虑到仍有不少窝中待守的雏鸟，如果上面的解释想不过来，就想想以下这些：1.下图的这些人在干嘛？跳水？NO,No,No!!记住，他们不是在...

  2024-11-18 hmc789 技术文章 3 ℃
• 

  前端进阶打卡题目汇总，赶紧码住

  第一天1.用js写一个随机生成指定字符串的方法。2.给定一个span标签，用纯css并且用3种方式实现一个三角形。第二天1.用至少3种方式实现数组去重。2.给定一个div标签，用纯css实现一个水波动画(2种方法)。（用::before...

  2024-11-18 hmc789 技术文章 3 ℃
• 

  有趣的 CSS 数学函数

  前言之前一直在玩three.js，接触了很多数学函数，用它们创造过很多特效。于是我思考：能否在CSS中也用上这些数学函数，但发现CSS目前还没有，据说以后的新规范会纳入，估计也要等很久。然而，我们可以通过一些小技巧，来创作出一些...

  2024-11-18 hmc789 技术文章 2 ℃
• 

  CSS 知识总结—CSS动画

  CSS简介1.什么是CSS？CSS：CascadingStylesheet层叠样式表或级联样式表?是一种样式设置规则，用于控制页面的外观的样式2.为什么使用CSS？实现内容与样式的分离，方便团队开发样式复用，便于网站后期维护页面的精确...

  2024-11-18 hmc789 技术文章 2 ℃
• 

  CSS3 变形与透视，让你的页面更生动

  transform使用transform控制元素的变形，包括控制移动、旋转、倾斜、3D转换等。下面是CSS提供的变形动作。translateX和translateY可以使用负数和百分数translateZ表示纵深，只能写具体的数...

  2024-11-18 hmc789 技术文章 3 ℃
• 

  前端学习，那些新增内容的学习HTML与CSS进阶

  前言本文主要介绍H5新增内容以及CSS3中的新特性。在H5方面主要介绍拓展了哪些内容，CSS3方面介绍动画及转换。H5新增内容「1.什么是HTML5」定义：HTML5定义了HTML标准的最新版本，是对HTML的第五次重大修改，号称下一代的...

  2024-11-18 hmc789 技术文章 2 ℃
• 

  前端CSS面试题-7

  31-CSS过渡的目的是什么？举个例子。CSS过渡允许您在指定的持续时间内平滑地对CSS属性的变化进行动画处理。通过定义转换属性和值，您可以在不同状态之间创建平滑的转换。这是一个例子：.element{transition:...

  2024-11-18 hmc789 技术文章 2 ℃