54 lines
No EOL
1.2 KiB
CSS
54 lines
No EOL
1.2 KiB
CSS
#newsCarousel {
|
|
position: relative;
|
|
}
|
|
|
|
.carousel-item img {
|
|
width: 100%;
|
|
height: 350px; /* Ajuste la hauteur de l'image pour avoir une vue cohérente */
|
|
object-fit: cover;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.carousel-caption {
|
|
position: absolute;
|
|
bottom: 20px;
|
|
background-color: rgba(13, 110, 253, 0.7); /* Légère transparence pour le fond */
|
|
padding: 15px;
|
|
border-radius: 5px;
|
|
color: white;
|
|
}
|
|
|
|
.carousel-caption h5 {
|
|
font-size: 1.5rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.carousel-caption p {
|
|
font-size: 1rem;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.carousel-caption .btn {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.carousel-control-prev,
|
|
.carousel-control-next {
|
|
background-color: transparent; /* Pas de fond sombre */
|
|
border-radius: 50%; /* Forme ronde */
|
|
border: none; /* Retirer la bordure */
|
|
}
|
|
|
|
.carousel-control-prev:hover,
|
|
.carousel-control-next:hover {
|
|
background-color: transparent; /* Pas de changement de fond au survol */
|
|
}
|
|
|
|
.carousel-control-next-icon-new svg {
|
|
transform: rotate(180deg); /* Rotation de 180° */
|
|
}
|
|
|
|
.carousel-control-prev-icon-new svg,
|
|
.carousel-control-next-icon-new svg {
|
|
fill: #0d95fd; /* Couleur de l'icône */
|
|
} |