超酷的CSS3复古风格和字体的3D按钮

本文作者html5tricks，转载请注明出处

我们分享过很多基于CSS3的3D按钮，很多都非常漂亮，例如这篇 7款外观迷人的HTML5/CSS3 3D按钮特效 文章中就收藏了不少。这次我们要带来一款也是基于CSS3的3D按钮，它有着复古的风格和字体。第一个按钮根据光标在悬停时的位置向左或向右倾斜，它的风格类似于老式游戏机按钮。 这些按钮配置了sm，md，lg大小类以及bootstrap-esque类，如primary，secondary，dangerous，warning，success和info。第二个按钮是一个加载程序按钮，按下它时会有自己的进度条。 它只会向中心推动，但随后向上打开，在它的正面显示一个进度条。 根据操作的成功与否，它将在完成时显示具体信息。