So fügen Sie dem Bootstrap -Karussell Zoomeffekt hinzu ⇐ Jquery

[Anonymous]

Ich versuche, einem Bootstrap -Karussell einen Zoomeffekt hinzuzufügen, aber ich kann es einfach nicht zum Auslösen bringen: (< /p>

Ich glaube, dass ich die Syntax möglicherweise in die Kern -_carousel.scss -Datei (oder möglicherweise nicht?) hinzufügen muss. Freude.carousel-item {
height: 100vh;
}

.carousel-image-1 {
background: url("../img/image1.jpg");
background-size: cover;
}

.carousel-image-2 {
background: url("../img/image2.jpg");
background-size: cover;
}

.carousel-image-3 {
background: url("../img/image3.jpg");
background-size: cover;
}

@-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.5, 1.5);
}
}

@keyframes zoom {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.5, 1.5);
}
}

.carousel-inner .carousel-item {
-webkit-animation: zoom 5s;
animation: zoom 5s;
}








< /code>

< /p>