2024-05-08在css3中，新增了3个背景属性。_background-size

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

2024-05-08水平,垂直偏移量长度单位模糊半径指阴影由完全的颜色到消失的长度，类于似渐变的长度。默认是0阴影大小默认是0，和原来一样大，单位px，正数表示放大，负数表示缩小颜色阴影颜色默认outset外阴影，可以写inset改成内阴影，不遮挡文字遮挡盒子，遮挡背景,可用逗号分隔，类似背景渐变，可叠加。_css 渐变遮罩层

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

2024-05-07css3 中可以通过 box-sizing 来指定盒模型，有2个值：即可指定为 content-box、border-box，这样我们计算盒子大小的方式就发生了改变。匹配父元素的第n个子元素E，也就是说，nth-child 对父元素里面所有孩子排序选择（序号是固定的） 先找到第n个孩子，然后看看是否和E匹配。before 在父元素内容的前面创建元素，after 在父元素内容的后面插入元素伪元素选择器和标签选择器一样，权重为 1。nth-of-type 对父元素里面指定子元素进行排序选择。_css语义化

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

2024-05-07css3相较于CSS2新增了许多新特性，如：边框圆角、阴影、形变：旋转、缩放、位移、过渡效果、动画效果、媒体查询、flex 布局、grid 布局等等（选择器、字体）。边框圆角1、通过属性border-radius来设置。2、最多可以设置4个值，左上 右上 右下 左下。如果设置2个值，第一个值表示左上和右下，第二个值表示右上和左下。如果设置1个值，那么4个角都是一样的弧度。3、border-radius的值就是半径r，半径越大——>圆越大——>弧度就越大。_class css新增

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

2024-05-07first-child 伪类官方定义好像不是太好理解？到底如何匹配p元素？没关系，可以按下面去的表述去尝试理解：首先，可以明确的是，p:first-child所要匹配的再者，判断该p元素是否如果是，那么就匹配；否则不匹配先看第一个例子：1234结果：1和3会变成红色，2和4不会变成红色。为什么呢？原因：1和2中：1所在的p元素，是父元素body元素的第一个子元素，故被选择；而2所在的p元素，则不是body元素的第一个子元素，而是第二个子元素，所以没匹配。

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

2024-05-07最近工作上烦心的事情太多，只有周末才能让我冷静一下 coding 一会玩~今天做一个 3D 翻转数字效果。示例图如下：这个东西看着比较难，其实很简单。_数字翻动效果

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

2024-05-07css3圆点矩阵波浪滚动，3D粒子波浪动画特效。纯css3网页loading预加载动画特效。纯css3卫星信息传送图形动画特效代码。css3宇宙中流星天体动画场景特效代码。css3 jQuery开灯关灯动画代码。css3 3D悬停图片翻转洗牌动画特效。css3 svg制作404页面动画效果。js css3彩色圆点冒泡背景动画特效。2021新年快乐星星闪烁背景动画特效。css3 svg网页底部波浪滚动特效。css3卡通的城市空间动画场景特效。js css3交互式圆形菜单代码。简易的loader加载动画特效。

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

2024-05-07让内容垂直居中，是一个很重要的应用情景，在很多场合都会需要。这也是面试的时候，一些考官喜欢拿来初面的小题目。这里，小结下让内容垂直居中的。当然，读者如果有更好的方法，也可以提出来。_css3 position垂直居中

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

2024-05-06知识付费甚欢喜，为咱码农谋福利。css3 three.js彩色横向线条移动闪烁背景动画特效。css3扁平化谷歌Loading加载图标动画特效。css3 svg飞速行驶的卡通赛车加载动画特效。css3 svg方块组合花纹图形背景动画特效。css3彩色loading加载进度条动画特效。css3圆环旋转加载loading动画特效。css3线性圆形Loading加载动画特效。css3气泡交叉游动网页加载图标动画特效。css3六边形Loading加载动画特效。css3 SVG彩色叶子发光变色动画特效。_css特效

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

2024-05-06css:.dialog {/* 三角形部分通过边框完成*/

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