CSS實現(xiàn)輪播圖放大的方法：

.slider-container{
position: relative;
overflow: hidden;
height: 400px;
}
.slider-container img{
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease-in-out;
}
.slider-container:hover img{
transform: scale(1.1);
}

首先，在HTML中設(shè)置輪播圖的容器，并且將高度固定，overflow: hidden用來隱藏超出容器高度的輪播圖。
然后，在CSS中設(shè)置輪播圖的樣式，將圖片的寬度和高度都設(shè)為100%，使用object-fit: cover讓圖片按比例縮放填充整個容器，transition: transform 0.3s ease-in-out設(shè)置過度效果。
接著，給容器添加:hover偽類，設(shè)置圖片的transform: scale(1.1)，用來放大圖片。
這樣，當鼠標放在輪播圖上時，圖片就會放大。