关键字:Y轴
  • 前端基础总结:HTML基础知识
    HTML基础知识1、HTML的历史:HTML,XHTML2、HTML的全局属性:全局标准属性,全局事件属性3、HTML的元素: up是一个从事前端开发6年的程序员,在前端领域混了这几年,总结了一套前端学习的精讲视频和学习路线,如果有对前端开 ...
  • css3实现动画有几种方式?
    这是一个考验面试者对css的基础知识。 css实现动画主要有3种方式,第一种是:transition实现渐变动画,第二种是:transform转变动画,第三种是:animation实现自定义动画,下面具体讲一下3种动画的实现方式。 tran ...
  • background-size值:cover、100%和contain的区别
    background-size 属性规定背景图像的尺寸。 先看看W3C的解释: background-size:contain;等比缩放,按照某一边来覆盖显示区域的,若区域大于图片的比例,会有白边,图片不会变形 图片右边有空白区域 back ...
  • canvas绘制基础图形图像
    趁着清明放假的空闲,将之前写过的代码整理了一下,发现了一个比较有意思的项目,该项目其实也比较简单,就是利用Canvas的各种原生API在图像中绘制一些基础图形,以及一些图形的更改操作。顺便借此项目复习一下Canvas基础。 目前实现功能 基 ...
  • web3D之常见几何体
    常用几何体概念 所有几何体的基类分为Geometry和BufferGeometry两大类,两类几何体直接可以相互转化。 注:以下所有示例材质(材质的具体概念下次再讲)选用均建议用如下: //第一个参数是几何体颜色 第二个为网格 线框展示 ...
  • 3Dweb渲染初学者的几个小问题
    辅助坐标系的问题 var axesHelper = new THREE.AxesHelper( 10000 ); 刚初始化坐标系后在浏览器里面看到的不是立体图形,可能只有一条线或者两条,并不是立体的,这个时候就要检查自己的照相机参数设置了, ...
  • web前端入门到实战:transform 变形
    transform 变形 通过 CSS3 变换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。使用transform属性为元素应用变换。 1、Transform:对元素进行变形。 2、Transition:对元素某个属性或多个属性的变化, ...
  • web前端入门到实战:网页简单布局之结构与表现原则案例
    一开始我们接触网页制作的时候,就了解到html代表结构、css代表样式、javascript代表行为,网页制作中,我们一直强调结构与表现相分离的原则,这里面的结构一般指HTML,此外分离是说把它们写在不同的文件加以引用吗?当然不是,在这里的 ...
  • web前端入门到实战:CSS实现开关按钮三例
    我们将使用纯CSS打造一些切换开关并使其拥有类似于checkbox的用户体验。 很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签,一个checkbox,并在提交表单后获取checkbox值, ...
  • web前端入门到实战:一个标签!纯CSS实现动态晴阴雨雪
    1 引言 本期分享一下如何仅用CSS3,实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果: 再看看HTML代码: <!-- ...

暂无数据