文章
65
标签
0
分类
13
主页
YianNotes
CSS 描边效果
返回首页
搜索
主页
CSS 描边效果
发表于
2025-10-13
|
更新于
2026-02-04
|
CSS
|
总字数:
73
|
阅读时长:
1分钟
css描边有很多种实现方式,svg是我用过比较好用的效果,其次是叠起来的形式,上层卡片压住下层卡片 下层卡片设置上渐变 就有渐变卡片的效果了
有时间完善的写上几个实例
文章作者:
Yian
文章链接:
https://yian.cyou/CSS%20%E6%8F%8F%E8%BE%B9%E6%95%88%E6%9E%9C/
版权声明:
本博客所有文章除特别声明外,均采用
CC BY-NC-SA 4.0
许可协议。转载请注明来源
YianNotes
!
赞助
微信
支付宝
上一篇
Web Storage API
Web Storage API 提供了在浏览器端存储数据的功能,分为两种存储方式:localStorage 和 sessionStorage。它们各自有不同的特点和应用场景,下面是详细总结: 1. localStorage:持久化存储 持久性:数据会永久存储,直到显式删除。即使浏览器关闭,数据依然存在。 作用范围:同源(同协议、同域名、同端口)的多个页面之间都能访问。 存储大小:通常约 5MB,具体大小依赖于浏览器。 API 操作: 存储数据:localStorage.setItem('key', 'value') 读取数据:localStorage.getItem('key') 删除数据:localStorage.removeItem('key') 清空所有数据:localStorage.clear() 适用场景: 用户偏好设置(如语言、主题、布局等) 存储长期的用户数据(如用户名、登录信息等) 避免重复请求数据,减少网络开销 示例:123456789// 存储数据localStorage.setI...
下一篇
富文本编辑器
Concept list 获取Selection Selection 对象 Document execCommand 已废弃 Range 对象 Lib Slate tiptap prosemirror Quill lexical Selecion 和 Range 1️⃣ 基本概念 概念 说明 Selection 表示用户当前“选中了什么”的对象,是浏览器提供的接口。通过 window.getSelection() 获取。 Range 描述“从哪到哪”的精确范围对象,是底层数据结构。用于实际操作 DOM。 2️⃣ 核心关系 🔗 Selection 持有 Range,Range 定义选区内容 Selection 是“容器”或“视图” → 用户看到的高亮 Range 是“数据”或“工具” → 程序用来操作的内容 一个 Selection 可以包含多个 Range(但大多数浏览器只支持一个) 💡 不是 Selection 创建 Range,而是: 用户操作 → 浏览器创建 Range → 放入 Selection 程序创建 Range → ...
Yian
光荣在于平淡,艰巨在于漫长
文章
65
关注我
待办清单
0
总任务
0
已完成
0
待完成
全部
待完成
已完成
最新文章
Web Streams 笔记
2026-02-04
穷尽性类型保护 (Never)
2026-01-11
web worker
2026-01-08
JavaScript 内存泄漏
2026-01-04
Html MIME 字符串
2025-12-24
搜索
数据加载中