MediaWiki:Gadget-SlickCarousel.css
Перейти к навигации
Перейти к поиску
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
.slick-carousel {
margin: 20px 0;
max-width: 100%;
overflow: hidden;
}
.slick-carousel .slick-slide {
text-align: center;
padding: 10px;
box-sizing: border-box;
}
.slick-carousel .slick-slide img {
max-width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.slick-carousel .slick-slide img:hover {
transform: scale(1.05);
}
.slick-prev, .slick-next {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.slick-prev:hover, .slick-next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.slick-dots li button:before {
font-size: 10px;
color: #333;
}
.slick-dots li.slick-active button:before {
color: #000;
}