洲_

使用CSS实现渐变效果的气泡，通过裁剪多边形区域实现渐变气泡效果，CSS的clip-path属性裁剪多边形区域实现渐变气泡效果。polygon 实现一个多变形

使用CSS的transform和skew属性实现button倾斜分割、tab斜线分割以及不规则渐变图形的效果

用来获取选择到的元素的某一HTML属性值，并用于其样式, 它也可以用于伪元素，属性值采用伪元素所依附的元素, 如: content:attr(data-foo)

本文简单的说一下和网格布局相关的 3 个函数, repeat() minmax() fit-content

总结了 CSS 网格布局(grid)的一些高级用法。其中包括命名线、函数高级用法、设置行的大小、按列自动定位、对齐元素到块轴和行轴、水平方向从右到左排布、垂直方向排布、以及使用网格布局实现响应式布局

实现高度变化的动画效果, 实际高度可以根据内容变化(不要求固定高度) JS计算高度, max-height, 网格布局(grid) 纯CSS实现不固定高度的展开/收起动画效果

实现高度变化的动画效果, 实际高度可以根据内容变化(不要求固定高度) JS计算高度, max-height, 网格布局(grid) 纯CSS实现不固定高度的展开/收起动画效果

通过网格布局我们可以很容易的实现一个栅格布局 自动放置实现响应式布局, 通过grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))

头部（header）、导航（nav）、侧栏（aside）、内容/主区域（main）和底部 通过网格布局我们可以很容易的实现一个页面的基础布局 在基础布局的基础上通过 `@media` 实现响应式布局