ホームページ > 記事 > ウェブフロントエンド > 非表示および表示機能を実装する CSS コード
非表示および表示機能を実装する CSS コード
- 高洛峰オリジナル
- 2017-03-08 13:43:562078ブラウズ
早速、皆さんのためにコードを投稿します
キーコードは次のとおりです:
<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>
<p class="hover-fadeout">
<img src="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" class="trans-fadeout image-fadeout" />
<a href="#" _fcksavedurl=""#"" >经过我显示图片</a>
</p>
上記は、非表示および表示機能を実装するためにエディターが紹介した CSS コードです。お役に立てば幸いです。ご質問がございましたら、メッセージを残してください。編集者がすぐにご返信いたします。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。
以上が非表示および表示機能を実装する CSS コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。