Heim > Artikel > Web-Frontend > CSS-Code zum Implementieren von Funktionen zum Ausblenden und Anzeigen
CSS-Code zum Implementieren von Funktionen zum Ausblenden und Anzeigen
- 高洛峰Original
- 2017-03-08 13:43:562132Durchsuche
Ohne weitere Umschweife poste ich einfach den Code für Sie
Der Schlüsselcode lautet wie folgt:
<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>
Das Obige ist Ich werde Ihnen den CSS-Code zum Implementieren der Ausblend- und Anzeigefunktionen vorstellen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!
Das obige ist der detaillierte Inhalt vonCSS-Code zum Implementieren von Funktionen zum Ausblenden und Anzeigen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!