點(diǎn)圖，還原色彩

紅楓

紅楓

一不小心就把編輯按鈕給遮住了。還好查看了論壇的源代碼，把編輯地址給找到了。

雄鷹翱翔

欣賞佳作，贊一個(gè)！

195400

195400

鼠標(biāo)劃過(guò)圖片看看

1. <style type="text/css">
2. #outframe {
3. width:650px;
4. height:640px;
5. margin:12px auto;
6. }
7. #outframe img {
8. width:200px;
9. height:300px;
10. margin:4px;
11. filter:grayscale(100%);
12. }
13. #outframe img:hover {
14. filter:grayscale(0%);
15. }
16. </style>
20. <div id='outframe'>
21. <img src="http://pan.yinhuabbs.cn/view.php/8a8c8796ca11600c879e03c70c57c71c.jpg" >
22. <img src="http://pan.yinhuabbs.cn/view.php/5507e3b36b113aec0ddded883d175a8f.jpg" >
23. <img src="http://pan.yinhuabbs.cn/view.php/215cbe90e3cf050d843d1a373de054fb.jpg" >
24. <br style="clear:both;">
25. <img src="http://pan.yinhuabbs.cn/view.php/34a46ccee1bea0640d8769effc0213e9.jpg" >
26. <img src="http://pan.yinhuabbs.cn/view.php/095eec51dc91d9fa5bc13ed5c9ab868c.jpg" >
27. <img src="http://pan.yinhuabbs.cn/view.php/157da9949f9bc0eaa3af4a04b32d2a79.jpg" >
28. </div>

復(fù)制代碼

紅楓

195400 發(fā)表于 2021-6-5 17:23
鼠標(biāo)劃過(guò)圖片看看

        #outframe        {

代碼簡(jiǎn)潔，效果更好，收藏、學(xué)習(xí)了!

195400

紅楓 發(fā)表于 2021-6-6 13:29
代碼簡(jiǎn)潔，效果更好，收藏、學(xué)習(xí)了!

CSS 可以做很多事情