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

发布时间：2023-01-03 08:28:04 来源：互联网

.

啊！洞庭湖的君山是多么雄伟壮观啊！就像一个忠诚的卫士守卫着洞庭湖，好让洞庭湖不受风雨的侵扰。一场小雨过后，出现了一道彩虹，就像一座美丽七彩桥。

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

关键代码如下所示：

CSS Code复制内容到剪贴板

<head>
<metahttp-equiv="content-type"content="text/html;charset=utf-8">
<style>
.trans-fadeout{
-webkit-transition:all1slinear;
-moz-transition:all1slinear;
-ms-transition:all1slinear;
-o-transition:all1slinear;
transition:all1slinear;
}
.image-fadeout{position:absolute;opacity:0}
.hover-fadeout:hover.image-fadeout{opacity:1}
</style>
</head>
<body>
<divclass="hover-fadeout">
<imgsrc="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg"class="trans-fadeoutimage-fadeout"/>
<arel="nofollow noopener noreferrer" href="#"_fcksavedurl=""#"">经过我显示图片</a>
</div>