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
/*逗貓噗寶*/
#footer, #footer ul, #footer li:last-child, #footer li:last-child:before, #footer li:last-child:after
{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; padding:0; margin:0; }
#footer ul { display:flex; }
#footer li:last-child { z-index:-1; }
#footer ul li { font-size:0; height:100%; display:block; width:10%; margin:0; }

#footer li:nth-child(1):hover ~ li:last-child:before { transform:rotateZ(340deg); }
#footer li:nth-child(2):hover ~ li:last-child:before { transform:rotateZ(344deg); }
#footer li:nth-child(3):hover ~ li:last-child:before { transform:rotateZ(348deg); }
#footer li:nth-child(4):hover ~ li:last-child:before { transform:rotateZ(352deg); }
#footer li:nth-child(5):hover ~ li:last-child:before { transform:rotateZ(356deg); }
#footer li:nth-child(6):hover ~ li:last-child:before { transform:rotateZ(0deg); }
#footer li:nth-child(7):hover ~ li:last-child:before { transform:rotateZ(4deg); }
#footer li:nth-child(8):hover ~ li:last-child:before { transform:rotateZ(8deg); }
#footer li:nth-child(9):hover ~ li:last-child:before { transform:rotateZ(12deg); }
#footer li:nth-child(10):hover ~ li:last-child:before { transform:rotateZ(20deg); }

footer {
	/*這裡勿動*/ position:fixed;
	/*整體寬度*/ width:100px;
	/*整體高度*/ height:100px;
	/*整體上下位置*/ bottom:20px;
	/*整體左右位置*/ right:20px;
	/*滑鼠圖片*/ cursor:url(https://images.plurk.com/6rLlJGe5mdXZ04eySufnjb.png), auto;
}

#footer li:last-child:after {
	/*這裡勿動*/ object-fit:contain;
	/*箱子圖片*/ content:url(https://images.plurk.com/7l8trT71rRZlP5ah3hGAhJ.png);
}

#footer li:last-child:before {
	/*這裡勿動*/ object-fit:contain; transform:rotateZ(0deg); transform-origin: bottom;
	/*貓咪圖片*/ content:url(https://images.plurk.com/3NfR24xqnmew9Vyn2Nvm0p.png);
	/*貓咪寬度*/ width:45px;
	/*貓咪高度*/ height:70px;
	/*貓咪上下位置*/ top:16px;
	/*貓咪左右位置*/ left:29px;
}

#footer:hover li:last-child:before {
	/*貓伸長圖片*/ content:url(https://images.plurk.com/1rlNdQwgINmIiC3GFMAV4w.png);
}