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
/* -----------------控制列＞過濾頻道：增加游標圖示------------------- */
#filter_tab li a::before {
	content: "";
	transform: translateX(-10px);
	transition: 0.6s transform ease-in-out;
	z-index: 1002;
}

#filter_tab li:hover a::before {
	content: url("https://emos.plurk.com/0044279823a5c3fd1d66c4778b959862_w27_h20.gif"); /* 圖檔 */
	filter: drop-shadow(-1px -1px 0px rgb(255, 255, 255)) drop-shadow(-1px 1px 0px rgb(255, 255, 255)) drop-shadow(1px -1px 0px rgb(255, 255, 255)) drop-shadow(1px 1px 0px rgb(255, 255, 255));
	position: absolute;
	left: -10px;  /* 圖檔和項目的距離 */
	transform: translateX(0px);
	transition: 0.2s transform ease-in-out;
	z-index: 1002;
}


/* -----------------控制列＞過濾頻道：增加游標圖示（圖示顯示在右方）------------------- */
#filter_tab li a::before {
	content: "";
	transform: scale(-1, 1) translateX(-10px);
	transition: 0.6s transform ease-in-out;
	z-index: 1002;
}

#filter_tab li:hover a::before {
	content: url("https://emos.plurk.com/0044279823a5c3fd1d66c4778b959862_w27_h20.gif"); /* 圖檔 */
	filter: drop-shadow(-1px -1px 0px rgb(255, 255, 255)) drop-shadow(-1px 1px 0px rgb(255, 255, 255)) drop-shadow(1px -1px 0px rgb(255, 255, 255)) drop-shadow(1px 1px 0px rgb(255, 255, 255));
	position: absolute;
	right: -18px;  /* 圖檔和項目的距離 */
	transform: scale(-1, 1) translateX(0px);
	transition: 0.2s transform ease-in-out;
}