[分享]css3图片灰变彩色

CSS3是一种用于美化网页的技术，它可以让我们的网页看起来更加精美、丰富。其中一个很酷的特性是可以使用CSS3将图片从灰色状态变为彩色状态。img { filter: grayscale(100); ...

CSS3是一种用于美化网页的技术，它可以让我们的网页看起来更加精美、丰富。其中一个很酷的特性是可以使用CSS3将图片从灰色状态变为彩色状态。

img {
  filter: grayscale(100%);
}

img:hover {
  filter: grayscale(0%);
} 

上述代码是一个非常简单的CSS3例子，将图片的灰度增加到了100%。当鼠标移到图片上时，通过将灰度设置为0%，可以将图片变为彩色。

过去，实现这种效果可能需要深入了解JS或Photoshop等软件的使用。但现在，使用CSS3就可以轻松实现。这种方法还可以应用于多种效果，例如黑白滤镜或曝光效果。

总之，CSS3的灰变彩色是一种简单而有用的技术，可以让你的网页更加生动、美丽。希望这篇短文能对你有所帮助。