dev #14
@ -17,19 +17,22 @@
|
|||||||
.single-project-left {
|
.single-project-left {
|
||||||
position: relative;
|
position: relative;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
width: 100%; /* largeur fixe de la left */
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
overflow: hidden;
|
||||||
|
max-height: 225px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.single-project-left img {
|
.single-project-left img {
|
||||||
width: 100%; /* occupe toute la largeur du conteneur */
|
width: 100%;
|
||||||
height: auto; /* hauteur ajustée automatiquement pour garder l’intégralité */
|
height: auto;
|
||||||
display: block;
|
display: block;
|
||||||
transition: opacity 0.3s ease-in-out;
|
transition: opacity 0.3s ease-in-out;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
object-fit: contain; /* force l’image à remplir le conteneur (déformation possible) */
|
object-fit: cover;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.single-project-left img.fade-out {
|
.single-project-left img.fade-out {
|
||||||
@ -141,7 +144,6 @@
|
|||||||
right: 10px;
|
right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Affichage des flèches au survol de la zone image */
|
|
||||||
.single-project-left:hover .arrow {
|
.single-project-left:hover .arrow {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user