HTML、cSS基本命令
2024-01-24css样式分为外部样式表和内部样式表。外部样式表使用命令调用例如:调用,其中href后跟的是样式路径内部样式表需要在标签内部建立一个标签来使用。“courier New”, courier, monospace, “Times New Roman”, Times, serif, Arial, Helvetica, sans-serif, Verdanawidth:; height:; float:; clear:both; margin:; padding:; 顺序:上右下左color : #999999_html的对齐代码
250张png图片实现动画实现方案事件
2024-01-24最近开发的一个项目中,要求使用一个动画效果,UcD 提供了三种解决方案,各有优劣。使用 生成一个SVG 动画,浏览器渲染SVG,由于DOM频繁的变动,即不断的重绘,这个动作会大量的占用cPU 和 GPU 的资源,针对一些比较老的机器(工厂、政府单位的机器可能比较老旧),可能会导致资源不够,打开浏览器cPU直接冲到100%导致浏览器卡死。应用场景:针对特定性能比较强悍的机器,适用于全屏和局部界面的动画视频或者gif 能很好的展示动画的完整性,资源占用也比较小,但是会有如下缺点:应用场景:可以用于浏览器部分界_png 组成动画
cSS3 2D变形 过渡 动画
2024-01-24在cSS3中,动画效果包括4个部分:变形(transform)、3D变形、过渡(transition)、动画(animation)。cSS3 2D变形 3D变形 过渡 动画。
cSS3:绘制多边形
2024-01-24表明鼠标抬起,需要落到的点,不会绘制线条,只用于改变画笔的位置。如果最开始绘制的时候不指明,则默认是上一个点的位置。path: 用来定义形状的通用元素,所有的基本形状都可以用path来创建,是一种svg路径。以上参数一般使用其的缩写,但是有一点需要注意的是,除了(z|Z)外,参数大小写敏感。画笔需要到达的下一个点的位置,会绘制线条,上一个点与当前所处的点会连接成一条线。该属性使用裁剪方式创建元素的可显示区域,区域内的显示,区域外的不显示。大写字母表示绝对位置,小写字母表示相对位置,相对于上一个点的位置。
深入理解cSS之flex精要之 flex-basis flex-grow flex-shrink 实战讲解
2024-01-24这篇文章对flex不熟也可以看。这篇文章只讲这三个属性。为了简单化,不会提到主轴交叉轴,也不讲方向,默认方向就是水平方向从左往右。但并不影响对这三个概念的理解。如果你觉得对flex比较了解,可以直接从第二小节开始看起。_flex-basis
纯cSS实现边框流光效果(跑马灯效果)
2024-01-24使用css3新特性——动画,实现一个边框跑马灯效果_div边框加入流光效果
学过html都会的html轮播图
2024-01-24教你如何创建轮播图JavaScript方法bootstrap方法_html轮播图
html css设计两个摆动的大灯笼
2024-01-24新年马上就要到了,教大家用html css设计两个大灯笼,喜气洋洋。_css 如何让灯笼飘动
css选择器
2024-01-24css选择器知识_css选择器 contains函数
一篇文章吃透 cSS3 属性: transition过渡 与 transform动画
2024-01-24transition 过渡与transform动画 这两个新属性的参数确实比较复杂,它们可以做出 cSS 的一些基础动画效果,平移,旋转,倾角......等等,这些也是我早期学习 cSS 的难记易忘之处,今天给大家详细总结出来。一:transition 过渡transition 可以做出 cSS 的过渡效果,例如要过渡的属性名称,要过渡的时间,过渡的延迟等待时间,过渡的速度变化(过渡类型)_transform 动画