- 博客(10)
- 收藏
- 关注
RSS订阅原创 css transform-origin属性介绍
transform-origin属性，用于设置元素变换（如旋转、缩放、倾斜等）的基准点（原点）第一个值：水平方向基准点（默认 ，可用 、、 或长度值如 ）第二个值：垂直方向基准点（默认 ，可用 、、 或长度值如 ）第三个值（可选）：3D 变换时的深度基准点（仅适用于 3D 变换，如 ，需用长度值如 ）默认值：transform-origin: 50% 50% 0当对这个元素应用变换（如 , , 等）时，变换会以这个设定的原点为基准。例如：如果旋转元素，它会围绕这个点旋转。如果缩放元素，会从这个点向外或向
2025-03-27 15:09:38
144
原创 css mask-image属性介绍
mask-image属性可以让元素的部分或全部区域变透明，但它不是直接设置元素的透明度（opacity），而是通过遮罩来控制元素的显示和隐藏#000（纯黑色） → 对应区域完全显示（不透明）或（完全透明） → 对应区域完全隐藏（透明）中间灰度值（如） → 对应区域半透明。
2025-03-26 13:04:09
264
原创 JavaScript 任务队列以及事件循环机制，简单理解
在js中，任务队列是异步编程的核心概念，它允许js引擎按照特定的顺序执行代码片段，即使js本身是单线程的。任务队列通过事件循环（Event Loop）来管理，确保代码的执行顺序和时机。
2025-03-20 10:59:16
410
原创 Tailwind CSS自定义屏幕宽度断点
在你的 CSS 入口文件中（如 src/index.css 或 styles.css）导入 Tailwind 的基础样式。创建 tailwind.config.js 配置文件。运行以下命令来生成默认的配置。5.按照Tailwind CSS语法规则开发。2.初始化 Tailwind CSS 配置。1.安装tailwindcss。3.配置 CSS 入口文件。
2024-11-06 09:57:50
296
原创 使用webpack自定义样式单位
在项目根目录创建文件在中添加一个来验证插件是否加载成功(启动时终端打印)console.log("检查是否生效111");return {
2024-11-05 13:12:44
181
原创 scroll-snap-type结合scroll-snap-align使用和介绍
【代码】scroll-snap-type结合scroll-snap-align使用和介绍。
2024-08-26 14:00:34
554
原创 多个树形结构数组合并为一个树结构
"folderName": "测试22第二层","folderName": "第三层","folderName": "第二层","folderName": "第二层","folderName": "第二层","folderName": "第二层","folderName": "测试22","folderName": "测试","folderName": "测试","folderName": "测试","folderName": "测试","folderName": "测试",
2023-05-31 10:57:32
46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人