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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
/*轉蛋機噗寶：填寫範例*/
#dynamic_logo {
	/*這裡勿動*/ position:fixed; z-index:6000; width:250px; height:350px; display:flex; flex-direction:column; align-items: center;
	/*上下位置*/ bottom:60px; /*可改top*/
	/*左右位置*/ right:10px; /*可改left*/
}
#dynamic_logo:after, #dynamic_logo img { width:100%; display:block; transition:height 0s 1s; overflow:hidden; }
#dynamic_logo:hover:after { height:0; transition:height 0s 1s; }
#dynamic_logo:after {
	/*這裡勿動*/ height:100%; transition:height 0s;
	/*下面設定圖片*/
	content: url("https://shrimpstack.000webhostapp.com/plurk_css/gashapon_machine.php?
	gashapon_1=https://emos.plurk.com/0ef69de57318bd9b91023acf71f0fcf8_w48_h48.png&
	gashapon_2=https://emos.plurk.com/eeda2614c6c0382effd02d93c1b756bc_w48_h48.png&
	gashapon_3=https://emos.plurk.com/41418ed04b8441af7dabf44855993fdd_w48_h48.png&
	gashapon_4=https://emos.plurk.com/e7a162ff0dd4ba4dccb8aef1afbc429a_w48_h48.png&
	gashapon_5=https://emos.plurk.com/3055e43df605684a40ed234a8fc9f793_w48_h48.png&
	gashapon_6=https://emos.plurk.com/947186fb3f39fab218159e39c372b24e_w48_h48.png&
	gashapon_7=https://emos.plurk.com/8907f32388560453b7cd8fb97c0e58b1_w48_h48.png&
	gashapon_8=https://emos.plurk.com/419bf041dfc59820bda40c147b0b5ea2_w48_h48.png&
	gashapon_9=https://emos.plurk.com/1516a207d1084fa311890cf3f9ff2be9_w48_h48.png&
	gashapon_10=https://emos.plurk.com/6331f9406ec0fda0afef82f554cf5988_w48_h48.png&
	gashapon_size=48&
	gashapon_count=10
	");
	/*gashapon_size轉蛋大小，預設72*/
	/*gashapon_count轉蛋數量，預設6，最大20*/
}
#dynamic_logo img { height:0; transition:height 0s; }
#dynamic_logo:hover img {
	/*這裡勿動*/ height:100%; transition:height 0s 1s;
	/*下面設定圖片*/
	content: url("https://shrimpstack.000webhostapp.com/plurk_css/gashapon_machine.php?
	gashapon_1=https://emos.plurk.com/0ef69de57318bd9b91023acf71f0fcf8_w48_h48.png&
	gashapon_2=https://emos.plurk.com/eeda2614c6c0382effd02d93c1b756bc_w48_h48.png&
	gashapon_3=https://emos.plurk.com/41418ed04b8441af7dabf44855993fdd_w48_h48.png&
	gashapon_4=https://emos.plurk.com/e7a162ff0dd4ba4dccb8aef1afbc429a_w48_h48.png&
	gashapon_5=https://emos.plurk.com/3055e43df605684a40ed234a8fc9f793_w48_h48.png&
	gashapon_6=https://emos.plurk.com/947186fb3f39fab218159e39c372b24e_w48_h48.png&
	gashapon_7=https://emos.plurk.com/8907f32388560453b7cd8fb97c0e58b1_w48_h48.png&
	gashapon_8=https://emos.plurk.com/419bf041dfc59820bda40c147b0b5ea2_w48_h48.png&
	gashapon_9=https://emos.plurk.com/1516a207d1084fa311890cf3f9ff2be9_w48_h48.png&
	gashapon_10=https://emos.plurk.com/6331f9406ec0fda0afef82f554cf5988_w48_h48.png&
	gashapon_size=48&
	gashapon_count=10&
	obtain=0
	");
	/*gashapon_size轉蛋大小，預設72*/
	/*gashapon_count轉蛋數量，預設6，最大20*/
	/*obtain可以被轉出的轉蛋數量，預設0(自動與顯示數量相同)，從最前面算的幾顆*/
}
/*轉蛋機下方說明（可刪）*/
#dynamic_logo:before {
	/*這裡勿動*/ position:absolute; top:100%; white-space: pre-wrap; text-align:center;
	/*內容*/ content:"滑鼠停留兩秒轉一顆蛋重新整理可以重抽";
	/*底色*/ background:#FFF;
	/*圓角*/ border-radius:5px;
	/*內距*/ padding:5px 10px;
	/*寬度*/ width:160px;
	/*邊框*/ border:1px solid #ddd;
}