说明
本站内容为 ：
仅供学习使用。如若侵权，请及时联系 445220716@qq.com
其中 css 揭秘，笔记风格如下：
标题
第一步，发布挑战：
TIP
描述挑战的内容，即要实现的效果
效果
第二步，基于 vuepress 的 Component 生成的例子。在 .vuepress/component 目录下。
接着一般会给出 css 揭秘官方 DEMO
思路
第四步，根据例子会给出核心思路，如下：
-
透明颜色可使用
rgba或hsla -
通过
background-clip修改背景裁剪位置，默认是border-box。
border: 10px solid hsla(0, 0%, 100%, 0.5);
background-clip: padding-box;
随书相关链接
规范
- CSS 内部与外部尺寸模型
- CSS 伸缩盒布局模型
- CSS 基本 UI 特性
- CSS 盒对齐模型
- CSS 背景与边框（第四版）
- CSS 背景与边框
- CSS 值与单位
- CSS 文本装饰
- CSS 文本（第四版）
- CSS 文本
- CSS 字体
- CSS 遮罩
- CSS 变形
- CSS 过渡
- CSS 动画
- CSS 图像
- 可缩放矢量图形（SVG）
- 混合模式
- 选择符
- 全屏 API
- 滤镜效果
- 图像混合效果
