CSS按钮控制动画是一种非常有用的技巧，可以帮助开发人员增加网站的交互性，提高用户体验。以下是一些有关CSS按钮控制动画的信息。

/* 定义按钮动画的样式 */.button {display: inline-block;padding: 10px 15px;font-size: 18px;background-color: #2ecc71;color: #fff;border-radius: 5px;transition: all 0.3s ease;}/* 定义按钮悬停时的动画效果 */.button:hover {background-color: #27ae60;transform: translateY(-3px);}/* 定义按钮点击后的动画效果 */.button:active {background-color: #1abc9c;transform: translateY(3px);}

上面的代码展示了如何创建一个按钮动画，包括定义按钮和悬停时以及点击后的动画效果。首先，我们定义按钮的基本样式，包括填充、字体大小、背景颜色、文本颜色和边框半径。然后，我们定义按钮悬停时的动画效果，包括背景颜色的变化和向上移动3像素。最后，我们定义了按钮点击后的动画效果，包括背景颜色的变化和向下移动3像素。通过这些动画效果，我们可以增加用户的操作感和网站的交互性。

/* 在HTML中调用按钮动画样式 */<button >点击我</button>

最后，我们需要在HTML中调用按钮动画样式。要使用上面定义的按钮样式，我们只需要在HTML中使用“button”标签并添加“button”类。这样，按钮就会自动获得定义的样式和动画效果了。