CSS按钮按压动效可以为网页增添不少美观与动感。它的原理是通过CSS的hover和active这两个selector来实现的。hover用于鼠标在按钮上悬停时的效果，而active则用于鼠标按下时的效果。

.btn {padding: 10px 20px;border-radius: 5px;background-color: #333;color: #fff;transition: all 0.3s ease;}.btn:hover {background-color: #555;cursor: pointer;}.btn:active {background-color: #666;box-shadow: 0px 0px 5px #666;transform: translateY(2px);}

代码中，我们首先定义了.btn这个class，为按钮设置了padding、border-radius、背景颜色和字体颜色等属性，并且定义了一个all属性，用于实现按钮状态的平滑过渡。接下来，我们使用:hover选择器为按钮定义了当鼠标悬停在其上方时的样式，将按钮的背景色改变为#555，这种颜色变化可以提升页面的交互性和美观度。最后，我们使用:active选择器为按钮定义了鼠标按下时的效果，将按钮的背景颜色变为#666，并且加入了一个阴影和向下的位移，让按钮看起来更生动。

总的来说，CSS按钮按压动效虽然只是一种小小的细节，但是通过合理的使用，可以让网页与众不同，增添更多的美感和动感。希望上述内容能够对你有所帮助！