Css實用技巧

一抹星辰發表於2019-04-04
原文網址 : https://juejin.im/post/5ca5652a6fb9a05e4868c510
CSS

1. CSS的懸浮圖片替換效果

需要注意的是，如果右鍵儲存圖片，儲存的是src內的圖片，而不是替換之後的。

    <!-- html -->
    <img src="demo.gif">
    
    <!-- CSS -->
    <style>
        img:hover {
            content: url(amazing.gif);
        }
    </style>
複製程式碼

相關文章