css怎樣讓圖片鼠標停留時變亮?
1、打開hbuilder,在空白的html文件上面設置一個div,給div一個class并命名為img。
2、在CSS里設置img的類一定的寬和高,引入示例圖片,設置圖片為不重復。并且給img的類設置“:hover”偽類,設置偽類內的透明度為0.6。
3、打開瀏覽器,在瀏覽器內查看效果。
4、將鼠標移入圖片,就會發現圖片已經變亮了。
以上就是用CSS設置鼠標經過圖片變亮,移開變變暗效果的演示。
css怎樣讓圖片鼠標停留時變亮?
1、打開hbuilder,在空白的html文件上面設置一個div,給div一個class并命名為img。
2、在CSS里設置img的類一定的寬和高,引入示例圖片,設置圖片為不重復。并且給img的類設置“:hover”偽類,設置偽類內的透明度為0.6。
3、打開瀏覽器,在瀏覽器內查看效果。
4、將鼠標移入圖片,就會發現圖片已經變亮了。
以上就是用CSS設置鼠標經過圖片變亮,移開變變暗效果的演示。