在CSS中，可以使用動畫和過渡來實現(xiàn)下劃線的滑動效果，以下是一種實現(xiàn)方式：

需要創(chuàng)建一個HTML元素，例如一個帶有下劃線的文本，可以通過CSS來定義這個下劃線的樣式和動畫效果。

下面是一個簡單的示例代碼：

HTML部分：

<div class="underline-text">這是一段帶有下劃線的文本</div>

CSS部分：

.underline-text {
  position: relative;
  width: 100%;
  text-align: center;
}
.underline-text::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #000;
  transition: all 0.5s ease;
}
.underline-text:hover::after {
  left: -100%;
}

在這個示例中，我們使用了偽元素::after來創(chuàng)建下劃線，通過position: absolute和left: 0、right: 0、bottom: 0的設(shè)置，我們可以使下劃線在文本的下方居中顯示，我們還設(shè)置了height: 2px和background-color: #000來定義下劃線的樣式。

在CSS中，我們還使用了transition: all 0.5s ease來定義下劃線的過渡效果，當(dāng)鼠標(biāo)懸停在文本上時，下劃線會平滑地從文本的左側(cè)移動到右側(cè)，從而實現(xiàn)滑動效果。

需要注意的是，這個示例中的代碼僅適用于現(xiàn)代瀏覽器，因為一些較舊的瀏覽器可能不支持偽元素和過渡效果，在實際應(yīng)用中，需要根據(jù)目標(biāo)受眾的瀏覽器兼容性進(jìn)行調(diào)整。