首页前端开发CSS图像的透明度-悬停效果

图像的透明度-悬停效果

时间2024-05-20 08:18:03发布访客分类CSS浏览31
导读:图像的透明度-悬停效果 CSS样式: img { opacity:0.4; filter:alpha(opacity=40 ; /* IE8 及其更早版本 */ } img:hover { opacity:1.0...
图像的透明度-悬停效果 CSS样式: img { opacity:0.4; filter:alpha(opacity=40); /* IE8 及其更早版本 */ } img:hover { opacity:1.0; filter:alpha(opacity=100); /* IE8 及其更早版本 */ } 增加了当用户将鼠标悬停在其中一个图像上时发生什么。在这种情况下,当用户将鼠标悬停在图像上时,我们希望图片是清晰的。 此CSS是:opacity=1. IE8和更早版本使用:filter:alpha(opacity=100). 当鼠标指针远离图像时,图像将重新具有透明度。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 图像的透明度-悬停效果
本文地址: https://pptw.com/jishu/664022.html
使用 CSS 创建图片廊 如何创建一个透明图像?

游客 回复需填写必要信息