怎么用css制作一个3D样式的按钮

可以使用CSS的transform属性和perspective属性来制作3D样式的按钮。

首先，我们可以创建一个按钮元素，并设置它的背景色和边框样式：

<button class="button">按钮</button>

.button {
  background-color: #2196F3;
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

然后，我们可以为按钮添加hover效果，使其在鼠标悬停时产生3D效果：

.button:hover {
  transform: perspective(100px) rotateY(10deg);
}

这会使按钮在hover时向右旋转10度，并且产生3D效果。我们也可以通过添加过渡效果来使按钮变得更加平滑:

.button {
  background-color: #2196F3;
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  transition: transform 0.2s;
}

.button:hover {
  transform: perspective(100px) rotateY(10deg);
}

现在，我们的按钮已经拥有了一个简单的3D效果。我们可以根据需要调整透视值和旋转角度来达到更加复杂的效果。