自定义scrollbar

自定义scrollbar， 包括宽度，颜色和圆角

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// custom scrollbar
::-webkit-scrollbar {
  /* for vertical scrollbars */
  width: 8px;
  /* for horizontal scrollbars */
  height: 8px;
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 8px;
  &:hover {
    background: #8c8c8c;
  }
}

css

Display flex in css

CSS3 弹性盒子 —— Flex 布局

Flex 布局，是一种用于在页面上布置元素的布局模式，使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时，元素可预测地运行

Read More
css
ngBarProgress(60);