渡一Web前端学习频道 ​

1. 基础 ​

引言 ​

风之积也不厚，则其负大翼也无力。

1.1 黑白滤镜 ​

filter: grayscale(1);

1.2 轮播图实现思路 ​

transform: translateX(); / setInterval();

1.3 失活页面的计时器问题 ​

visibilitychange

1.4 粘性定位 ​

• 粘性定位，参考系是其包含块，会随着其包含块被划走。
• 何时粘住，根据设置的上下左右值，相对于临近显式设置了 overflow 属性的父元素（如果所有父元素没有设置，那么就是相对于整个视口）。

div {
  position: sticky;
  top: 0;
}

html {
  overflow: hidden;
}

1.5 文字描边 ​

text-shadow / text-stroke

1.6 下拉菜单的过渡问题 ​

height: auto; / transform: scaleY();

2. 进阶 ​

3. 拓展 ​