点图，还原色彩

红枫

红枫

一不小心就把编辑按钮给遮住了。还好查看了论坛的源代码，把编辑地址给找到了。

雄鹰翱翔

欣赏佳作，赞一个！

195400

195400

鼠标划过图片看看

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>

复制代码

红枫

195400 发表于 2021-6-5 17:23
鼠标划过图片看看

        #outframe        {

代码简洁，效果更好，收藏、学习了!

195400

红枫 发表于 2021-6-6 13:29
代码简洁，效果更好，收藏、学习了!

CSS 可以做很多事情