超酷的 CSS3 复古风格 3D 按钮
16lz
2021-01-22
插件简介
这次我们要带来一款也是基于CSS3的3D按钮,它有着复古的风格和字体。第一个按钮根据光标在悬停时的位置向左或向右倾斜,它的风格类似于老式游戏机按钮。这些按钮配置了sm,md,lg大小类以及bootstrap-esque类,如primary,secondary,dangerous,warning,success和info。第二个按钮是一个加载程序按钮,按下它时会有自己的进度条。它只会向中心推动,但随后向上打开,在它的正面显示一个进度条。根据操作的成功与否,它将在完成时显示具体信息。
插件预览
插件下载
在线演示链接:
https://www.html5tricks.com/demo/css3-3d-retro-button/index.html
插件下载链接:
https://www.html5tricks.com/download/css3-3d-retro-button.rar
解压密码:RJ4587
©著作权归作者所有:来自51CTO博客作者mb5ff5930cde1cd的原创作品,如需转载,请注明出处,否则将追究法律责任更多相关文章
- CSS3 全屏大气手风琴图片展示插件
- 漂亮实用!一款基于Bootstrap的jQuery开关按钮组合
- jQuery幻灯片播放器插件 可自动播放图片
- Vue.js流程图插件 可自定义流程节点事件
- 经典jQuery多过渡动画焦点图插件
- 11个顶级 JavaScript 日历插件[每日前端夜话0x9A]
- 阿里云也有 IDEA 插件 Cloud Toolkit
- 牛逼 IDE 插件,一键部署 Docker 镜像,开发部署提速 8 倍
- 从一份定义文件详解ELK中Logstash插件结构