背景渐隐
通过 before 线性渐变遮盖掉一部分图片
视察滚动实现方式:
- 监听浏览器滚动事件
- 改变各个层的top值
环形进度条
- svg circle
- stroke-dasharray
环绕边框动画
- 四个单向运动的动画
- 父框
overflow: hidden;
- 设置延迟可表现循环
一些旋转曲线的图形
inset背景扩展收缩
可以在显示上变化而不影响布局?
做渐变色边框
镜像显示 -webkit-box-reflect
css技巧
- 可用多层阴影表现光晕
- transform: skew(25deg) 转化为平行四边形
- 除了用 border 还可以用box-shadow 做边框
- 利用伪元素可以完成区块之外的图形表达,还可做多色背景
- 添加移除类的小技巧: this
- clip-path 裁剪显示 相当于蒙版
- mix-blend-mode 元素的内容应该与元素的直系父元素的内容和元素的背景如何混合 类似于图层模式
- pointer-events: none 鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西