Maison > Article > interface Web > Code CSS pour implémenter les fonctions de masquage et d'affichage
Code CSS pour implémenter les fonctions de masquage et d'affichage
- 高洛峰original
- 2017-03-08 13:43:562114parcourir
Sans plus attendre, je vous poste simplement le code
Le code clé est le suivant :
<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>
Ce qui précède est l'éditeur, je vais vous présenter le code CSS pour implémenter les fonctions de masquage et d'affichage. J'espère qu'il vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Exemple de création d'un superbe album photo en trois dimensions avec CSS3Article suivant：Exemple de création d'un superbe album photo en trois dimensions avec CSS3