CSS实现隐藏和显示功能的代码

前端技术 2023/09/09 CSS

废话不多说，直接给大家贴代码了

关键代码如下所示：

CSS Code复制内容到剪贴板

<head>
<meta http-equiv=\"content-type\" content=\"text/html;charset=utf-8\">
<style>
.trans-fadeout{
-webkit-transition:all 1s linear;
-moz-transition:all 1s linear;
-ms-transition:all 1s linear;
-o-transition:all 1s linear;
transition:all 1s linear;
}
.image-fadeout{ position:absolute;opacity:0 }
.hover-fadeout:hover .image-fadeout{ opacity:1 }
</style>
</head>
<body>
<div class=\"hover-fadeout\">
<img src=\"http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg\" class=\"trans-fadeout image-fadeout\" />
<a href=\"#\" _fcksavedurl=\"\"#\"\" >经过我显示图片</a>
</div>

以上所述是小编给大家介绍的CSS实现隐藏和显示功能的代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对phpstudy网站的支持！

本文地址：https://www.stayed.cn/item/23979

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请联系我

我的博客