標題:[CSS] 讓圖片在hover時顯示彩色 出處:A.PAO designSTUDIO BLOG 時間:Mon, 07 Dec 2015 09:57:40 +0000 作者:apao 地址:https://blog.apao.idv.tw/post/1140/ 內容: 點擊在新視窗中瀏覽此圖片 https://blog.apao.idv.tw/attachment.php?fid=2249 img { filter: gray; /* IE6-9 */ filter: grayscale(1); /* Firefox 35+ */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ } /* Disable grayscale on hover */ img:hover { filter: none; -webkit-filter: grayscale(0); } 參考網站 http://stackoverflow.com/questions/609273/convert-an-image-to-grayscale-in-html-css Generated by Bo-blog 2.1.1 Release