TexteCache.css

À propos

Type de fichier: Fichier CSS de < 1 Ko (text/plain)
Confidentialité: Fichier public, envoyé le 25 juin 2018 à 18:24, depuis l'adresse IP 109.130.x.x (Belgique)
Sécurité: Ne contient aucun Virus ou Malware connus - Dernière vérification: 2 jours
Statistiques: La présente page de téléchargement a été vue 102 fois depuis l'envoi du fichier
Page de téléchargement: https://www.petit-fichier.fr/2018/06/25/textecache/ Copier

Aperçu du fichier

div.contenant {
    width: 500px;  /*largeur du contenant, la meme que celle de l image*/
    height: 300px; /*hauteur du contenant, la meme que celle de l image*/
    overflow: hidden;
}
 div.contenu {
    width: 500px;  /*largeur du contenu, la meme que celle de l image*/
    height: 300px; /*hauteur du contenu, la meme que celle de l image*/
    overflow: auto;  /*pour apparition d une scroll bar si le texte est trop long*/
 }
.contenant img {
    width: 500px; /*largeur de l image*/
    height: 300px;  /*hauteur de l image*/
    position: relative;  
    bottom: $$$px; /*ici mettre la hauteur de l image*/
    transition: 0.5s;  /*pour l effet de transition*/
}
.contenant:hover img {  /*au survol de la souris sur le bloc*/
    bottom: $$$px; /*ici mettre deux fois la hauteur de l image*/
    transition: 0.5s;  /*pour l effet de transition*/
}

Partager le fichier

Télécharger TexteCache.css

Télécharger le fichier (< 1 Ko)