整理每日知识点2

1.CSS背景虚化背景

filter过滤：blur(模糊半径)   模糊半径越大，越模糊  

 background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);

(注：背景虚化会覆盖内容)

2.显示滚动条效果，隐藏滚动条

html样式：

js代码：

css样式：

3.设置第一个选项卡为被选中状态，点击其他选项恢复正常状态

（与上面一个是同一个代码的不同效果，都比较重要，在移动端