1 2 3 4 5 6 7 8 9 10 | /*改變主控台的噗主頭貼顯示的圖片,游標未移至時*/ #profile_pic { padding:43px; border:0; background: url(圖片網址); background-size:contain; width:86px; height:86px;} /*改變主控台的噗主頭貼顯示的圖片,游標移至時*/ #profile_pic:hover { padding:43px; border:0; background: url(圖片網址); background-size:contain; width:86px; height:86px; transition: opacity 0.6s ease; } 可只使用第一個語法,或只使用第二個語法,也可以兩個都使用。 如果兩個語法都使用,就可以達成APP上看頭貼是上傳的那張圖,電腦版和手機網頁版看頭貼有兩種版本,加起來有三個版本的頭貼。 |
Direct link: https://paste.plurk.com/show/Hk3cQ6x3yhWaB7yqe5kR