鼠標滑動CSS是一種非常有趣和有用的技術，它可以使用戶的交互體驗更加順暢和有趣。下面我們就來介紹一下鼠標滑動CSS的一些常用方法。

/* 鼠標滑動動畫效果 */
.container {
position: relative;
}
.container img {
width: 100%;
height: auto;
transition: transform 0.5s ease;
}
.container:hover img {
transform: scale(1.1);
}
/* 鼠標懸停縮放 */
.container2 {
position: relative;
overflow: hidden;
}
.container2 img {
transition: all 0.3s ease;
position: relative;
}
.container2:hover img {
transform: scale(1.2);
}
/* 鼠標滾輪縮放 */
.container3 {
position: relative;
overflow: hidden;
}
.container3 img {
transition: all 0.5s ease;
position: relative;
transform-origin: center center;
}
.container3:hover img {
transform: scale(1.2);
}
.container3:hover img:nth-of-type(2) {
filter: blur(5px);
opacity: 0.5;
}

以上三種樣式方法都是常用的鼠標滑動CSS方法，它們分別包括了鼠標滑動動畫效果、鼠標懸停縮放以及鼠標滾輪縮放。其中關鍵代碼主要集中在CSS的transition和transform屬性上，可以通過合理的調整這些屬性，達到更加理想的效果。