1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | /*左右雙布噗寶(靜態)*/ /*右邊(SR)*/ #dynamic_logo img{ /*先隱藏原本的影像*/ filter: alpha(opacity=0);opacity:0.1; } #dynamic_logo{ height: 480px; /*請依照圖片調整*/ width: 630px; /*請依照圖片調整*/ margin-top: 20px; /*距離頂部的位置*/ margin-right: -190px; /*右位。最剛好839(左位就用left,0)*/ background-repeat: no-repeat; /*防止背景重複*/ /*圖片網址*/ background-image: url(https://i.imgur.com/2SGwqHc.png); } /*左邊(SSR)*/ .timeline-bg { /*圖片網址*/ background-image:url(https://i.imgur.com/BLkdPoH.png); background-repeat:no-repeat;/*防止圖重複*/ margin-top: 5px; /*生物距離頂部的位置*/ margin-left:30px; /*生物的左右位置 ( px > 0 時會往左邊,px < 0 時會往右邊)*/} |
Direct link: https://paste.plurk.com/show/UY3WOgmUExCtC0bqAJbc