前端哥

html5基础入门教程之canvas变型,前端系统工程师面试宝典

2024-06-04上面的例子先是绘制了一个100*50的矩形,它的原点位置是(10,10)。然后用translate()方法将其原点移至(70,70)。接着又绘制了一个100*50的矩形,它距离原点的位置是(10,10),所以,第二个矩形开始绘制的位置就应该是(80,80);旋转rotate()方法用以实现以原点为中心的旋转。该方法只接受一个参数,表示要旋转的角度,以为单位。默认情况下,旋转的中心始终是原点(0,0),如果想改变旋转的中心,则必须使用translate()将原点移动到指定的位置,再进行旋转。

https://www.qianduange.cn//article/10753.html 分类:前端知识

html--蛆

2024-05-24<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords

https://www.qianduange.cn//article/9233.html 分类:前端知识

CSS 高频按钮样式

2024-06-02基于上述的实现,我们不难发现,一些稍微特殊的按钮,无非都通过拼接、障眼法、遮罩等方式实现。渐变(线性渐变、径向渐变、多重渐变)遮罩mask裁剪clip-path变形transform发挥了重要的作用,熟练使用它们,我们对于这些图形就可以信手拈来,基于它们的变形也能从容面对。上述的图形,再配合,基本都能实现不规则阴影。再者,更为复杂的图形,如下所示:还是切图吧,CSS 虽好,实际使用中也需要考虑投入产出比。CSS 技术文章汇总Chokcoco 的个人主页 - 文章 - 掘金t=N6B9。_css 圆角按钮

https://www.qianduange.cn//article/10504.html 分类:前端知识

【Web前端开发基础】CSS3之空间转换和动画

2024-05-31空间:是从坐标轴角度定义的。x 、y 和z三条坐标轴构成了一个立体空间,z轴位置与视线方向相同空间转换也叫3D转换属性:transform2D转换能够改变元素X轴和Y轴方向特性,3D转换还能改变Z轴方向特性,并且可以通过视角设置透视关系,使元素具有透视效果动画是CSS3中具有颠覆性的特征之一,有通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。相较于过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。_css中3d转换

https://www.qianduange.cn//article/10295.html 分类:前端知识

html--龟派气功

2024-05-31<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keyword

https://www.qianduange.cn//article/10228.html 分类:前端知识

CSS transform 三大属性 rotate、scale、translate

2024-05-30transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

https://www.qianduange.cn//article/10082.html 分类:前端知识

使用Vue的transition组件写一个数字滚动竟然如此简单

2024-05-28以前要做一个数字滚动需要弄一个插件,插件代码也多,通过js进行控制处理,一般都是把0-9的数字放一排,然后滚动,滚动完成把头部的数字放到尾部,而使用transition组件只要这么一丢丢代码就可以完成相同的功能,如果在加上vue3新出的css变量绑定,还可以做到过渡动画执行时间的动态控制。_vue 手写数据滚动

https://www.qianduange.cn//article/9868.html 分类:前端知识

CSS3的面试题

2024-05-28CSS3中的变形(transform)属性可以实现哪些效果?请列举几个常见的变形效果并给出相应的代码示例。请简要介绍CSS3中的Flexbox布局,并提供一个简单的Flexbox布局示例。请解释一下CSS3中的渐变(gradient)是如何工作的,以及它的应用场景。解释一下CSS3中的伪类和伪元素的区别,并举例说明它们的使用场景。请列出至少五个CSS3中常用的动画属性,并简要说明它们的作用。解释一下CSS3中的选择器级别以及它们的优先级顺序。CSS3中的盒模型与CSS2中的盒模型有何区别?_css3面试题

https://www.qianduange.cn//article/9865.html 分类:前端知识

【MQTT】Vue中使用mqtt

2024-05-28MQTT(Message Queuing Telemetry transport)作为一种轻量级、开放、灵活、简单、易于实现的通信协议。它基于发布/订阅(Publish/Subscribe)模式的消息传输协议,在上位机和硬件设备间通信时经常用到。虽然在嵌入式软件一般使用C 来编码,但是难免有web端直接与设备交互的应用场景,本文将介绍mqtt本地服务部署和基于Vue的web端应用使用mqtt的全过程。_vue mqtt

https://www.qianduange.cn//article/9776.html 分类:前端知识

transformControls 是 Three.js 中的一个类,用于在网页中进行 3D 场景中物体的交互式操作。

2024-05-27您可以通过控制器的属性来自定义其外观和行为,例如控制手柄的显示、设置控制器的大小等。

https://www.qianduange.cn//article/9619.html 分类:前端知识

235条数据,当前11/24

最近搜索

会员中心 联系我 留言建议 回顶部