是否可以在 CSS 中模仿滑动门技术来拥有没有图像的按钮

是的，可以在 CSS 中模仿滑动门技术来创建没有图像的按钮。滑动门技术是一种将多个图像叠加在一起的方法，通过改变图像的位置来显示不同的内容。在 CSS 中，我们可以使用伪元素（:before 和 :after）和背景图像来模仿这种效果。

以下是一个简单的示例，展示了如何使用 CSS 创建一个没有图像的按钮，它看起来像一个滑动门：

<!DOCTYPE html>
<html>
<head><style>
.button {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #f06, #4a9);
  z-index: -1;
  transition: all 0.3s;
}

.button:hover:before {
  left: 50%;
}
</style>
</head>
<body><button class="button">点击我</button>

</body>
</html>

在这个示例中，我们创建了一个带有背景颜色的按钮，并使用伪元素 :before 添加了一个线性渐变背景图像。当鼠标悬停在按钮上时，我们通过改变 :before 伪元素的 left 属性来模仿滑动门效果。

这个示例可以根据需要进行修改和扩展，以适应不同的设计和需求。