File manager - Edit - /var/www/html/portal/resources/scss/components/carousel.scss
Back
.custom-carousel-control { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background-color: #fff; border: 2px solid #0056b3; border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 10; cursor: pointer; } .carousel-control-prev { left: -60px; } .carousel-control-next { right: -60px; } .carousel-control-prev-icon, .carousel-control-next-icon { width: 20px; height: 20px; background-color: transparent; border: solid #0056b3; border-width: 0 3px 3px 0; display: inline-block; padding: 5px; } .carousel-control-prev-icon { transform: rotate(135deg); margin-right: 2px; } .carousel-control-next-icon { transform: rotate(-45deg); margin-left: 2px; } .carousel-card { position: relative; opacity: 0.75; transition: all 0.4s ease; } .carousel-card .card { overflow: hidden; position: relative; } .carousel-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .carousel-card .card-footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem; background: rgba(255, 255, 255, 0.8); opacity: 0.5; visibility: hidden; transform: translateY(10px); } .carousel-card:hover { opacity: 1; border-radius: 100%; } .carousel-card:hover .card-footer { opacity: 1; visibility: visible; transform: translateY(0); } .carousel-card:hover img { transform: scale(1.1); } .carousel-card .card { height: 300px; } .carousel-card:hover .card { height: 550px; }
| ver. 1.4 |
Github
|
.
| PHP 8.3.28 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings