可以使用CSS和JavaScript来实现这个效果。下面是一个示例代码：

HTML：

按下按钮

CSS：

#myButton {
  position: fixed;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  transition: bottom 0.5s;
}

#myButton.show {
  bottom: 20px;
}

JavaScript：

var button = document.getElementById('myButton');

button.addEventListener('click', function() {
  button.classList.add('show');
});

这段代码首先将按钮的初始位置设置在底部以外（bottom: -50px），然后通过CSS的transition属性添加了一个过渡效果（transition: bottom 0.5s），当按钮的类名被添加为show时，按钮的底部位置会变为20px（bottom: 20px），从而实现了按钮从底部出现的效果。

通过JavaScript，我们给按钮添加了一个点击事件监听器，当按钮被点击时，会给按钮的类名添加为show，从而触发CSS中定义的动画效果。