js+css 动效+1的效果

可以通过使用 JavaScript 和 CSS 来实现动效，下面是一个简单的例子：

HTML 代码：

<button class="btn">点击我</button>

CSS 代码：

.btn {
  background-color: #007bff;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  transition: all 0.3s;
}

.btn:hover {
  background-color: #0056b3;
  cursor: pointer;
}

JavaScript 代码：

const btn = document.querySelector('.btn');

btn.addEventListener('click', () => {
  btn.classList.add('active');
});

在上面的代码中，我们定义了一个按钮，当鼠标悬停在按钮上时，按钮的背景色和鼠标指针会发生变化。当按钮被点击时，我们使用 JavaScript 给按钮添加了一个 `active` 类，这个类可以用来触发其他的动效效果。