1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
/*主控台左右圖片*/
/*基本設定*/
#dashboard_holder::before, #dashboard_holder::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: calc((100vw - 997px) / 2);
  height: 100%;
  background-color: pink; /*背景色標示範圍用，可以刪掉*/
  background-repeat: no-repeat;
}
/*左邊*/
#dashboard_holder::before {
  transform: translate(-100%, 0);
  background-image: /*圖片網址*/
    url(https://s.plurk.com/creatures/big/20d93c8a68a501b2c6d3.png),
    url(https://s.plurk.com/creatures/big/20d93c8a68a501b2c6d3.png),
    url(https://s.plurk.com/creatures/big/20d93c8a68a501b2c6d3.png),
    url(https://s.plurk.com/creatures/big/20d93c8a68a501b2c6d3.png);
  background-position: /*圖片位置*/
    center,
    right 10px top 20px,
    right 30px bottom 5px,
    left 15px bottom 10px;
}
/*右邊*/
#dashboard_holder::after {
  left: 100%;
  background-image: /*圖片網址*/
    url(https://s.plurk.com/creatures/big/20d93c8a68a501b2c6d3.png),
    url(https://s.plurk.com/creatures/big/20d93c8a68a501b2c6d3.png),
    url(https://s.plurk.com/creatures/big/20d93c8a68a501b2c6d3.png),
    url(https://s.plurk.com/creatures/big/20d93c8a68a501b2c6d3.png);
  background-position: /*圖片位置*/
    center,
    right 10px top 20px,
    right 30px bottom 5px,
    left 15px bottom 10px;
}