1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#dash-profile:before {
content:""; position:fixed; z-index:9999;
opacity:0; background-size:cover; bottom:100vh;
transition:opacity 0.6s, bottom 0s 0.6s, background-image 0s 0.6s;
/*大小*/ height:150px; width:150px;
/*距離左邊位置*/ left:50px; /*可換成right變成距離右邊的位置*/
/*圖片*/ background-image:url(https://images.plurk.com/qZlE2RArhbrj7eMGyfida.png);
}

#dash-profile:hover:before {
transition:opacity 0s, bottom 0.8s linear, background-image 0.3s 0.8s;
opacity:1;
/*摔下來後距離底下的位置*/ bottom:20px;
/*圖片*/ background-image:url(https://images.plurk.com/3uOkPutrjYEFRjX2PG1bga.png);
}