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
/*******************
 * 在雪花上奔跑 （順時針）
 * 會一直跑下去
 *******************/
.snowflake, .snowflake:hover {
    color: #FFFC;
    opacity: 1;
    right: 50px;                    /* 雪花位置 */
    bottom: 50px;                   /* 雪花位置 */
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotating 30s linear infinite;
}

.snowflake::before {
    position: absolute;
    content: ' ';
    background-image: url('https://emos.plurk.com/08836cd4445a9fe2ea7b893b454242ce_w22_h32.gif');   /* 奔跑圖片網址 */
    background-repeat: no-repeat;
    background-position: center top;
    width: calc(100%*1.97);
    height: calc(100%*1.97);
    animation: rotating 30s linear infinite;
}