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 | /* 雙圖 轉噗上出現圖案 */ /*右方趴趴*/ .q_replurks::before{ content:""; position: absolute; width:70px; height:46px; right: 50px; /*自行調整位置*/ top:-42px; background-image:url(圖片網址); /*趴趴圖網址*/ z-index:100; background-size:contain; background-repeat: no-repeat; } /*左方趴趴*/ .q_replurks::after{ content:""; position: absolute; width:70px; height:46px; left: 0px; /*自行調整位置*/ top:-42px; background-image:url(圖片網址); /*趴趴圖網址*/ z-index:100; background-size:contain; background-repeat: no-repeat; } |
Direct link: https://paste.plurk.com/show/Mn9X0V3Mjfk77orKHQ7S