跳到主要内容

CSS

在 LESS 中使用 CSS 变量

可以。可以在 LESS 中使用 CSS 变量

flex-shrink 不生效

可以参考这篇文档flex 布局与 min-width

要想使用flex-shrink需要配合min-width使用。

Border 动画

制作好看的边框动画,blog。 三个图层,底层背景,中间层遮照,顶层为实际内容。

CSS 颜色函数

  1. CSS 颜色渐变函数有三个,分别是线性,锥形,放射形 渐变函数

Gap

在 flex 与 grid 布局中,可以使用 gap,快的的去指定边距

Grid

  1. gird-template-*
  2. grid-auto-*

clip-path

clip-path可以帮助我们实现更复杂的倒角,或者更加复杂的裁切。甚至可以根据SVG的路径进行裁切,路径中的坐标点可以包含calc(),但是这些点不能在元素外面,否则整体失效。