好看的css按钮样式收集

这是一个我认为非常好看的按钮，当做组件记录一下哈哈哈
以后有的话也会持续更新！
html部分：

<button class="button">连接相机</button>

css部分

.button {width: 130px;height: 40px;background: linear-gradient(to bottom, #4eb5e5 0%,#389ed5 100%); /* W3C */border: none;border-radius: 5px;position: relative;border-bottom: 4px solid #2b8bc6;color: #fbfbfb;font-weight: 600;font-family: 'Open Sans', sans-serif;text-shadow: 1px 1px 1px rgba(0,0,0,.4);font-size: 15px;text-align: left;text-indent: 5px;box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2);cursor: pointer;/* Just for presentation */  display: block;margin: 0 0 0 12px;
}
.button:active {box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);top: 1px;
}.button:after {content: "";width: 0;height: 0;display: block;border-top: 20px solid #187dbc;border-bottom: 20px solid #187dbc;border-left: 16px solid transparent;border-right: 20px solid #187dbc;position: absolute;opacity: 0.6; right: 0;top: 0;border-radius: 0 5px 5px 0;
}

最后结果：

好看的css按钮样式收集相关推荐

分享两种好看的CSS表格样式
分享两种好看的CSS表格样式,要的摘走,呵呵(如上图). 代码: <!DOCTYPE html><html><head><meta http-equiv=&q ...
2022/05/26 css animate按钮样式收集
1.图片旋转样式参考效果 html <div className="img-animation" onClick={handleSubmit}><img cla ...
CSS按钮样式，带代码传送门
1. Plastic Buttons 这组按钮相当的简洁.干净.由于它们拥有不同的颜色.尺寸以及风格,并提供了小.中.大号按钮供你任意挑选.所以,你可以轻松地重新调整或更换它们.而利用纯 CSS 的实 ...
92款超级漂亮的css按钮样式复制即用
样式如图,代码已在结尾,按照序号复制粘贴便可直接用了: 代码: <ul><li><div class="button-wrapper" data-ti ...
html中h3的样式,比较好看的css自定义样式（标题 h1 h2 h3）
/*标题h1 h2 h3样式*/ #content { color: black; font: 0.875em/1.5em"微软雅黑", "PTSans", & ...
Buttons——CSS按钮样式库
点击进入查看官网说明不同颜色按钮: <button class="button button-3d button-primary">button1</butto ...
【若依(ruoyi)】按钮样式
前言若依(ruoyi): v4.3 按钮样式文件 static/css/style.css 按钮样式 .btn-default .btn-primary .btn-info .btn-success ...
CSS前端样式美化总结
css按钮样式美化 .login-button { /* 按钮美化 */ width: 270px; /* 宽度 */ height: 40px; /* 高度 */ borde ...
5去掉button按钮的点击样式_各种好看的小按钮合集，纯css编写，最近在学习时遇到的，记录成为笔记...
写在前面最近忙着实习的事,前往广州,租房,置办东西等等.用碎片化的时间看了一些博客,也看到不少我认为很不错的通过纯css来打造的按钮样式.记录下来以后开发的时候或许能用上. 亮起来按钮 <di ...
button按钮样式_各种好看的小按钮合集，纯css编写，最近在学习时遇到的，记录成为笔记...
写在前面最近忙着实习的事,前往广州,租房,置办东西等等.用碎片化的时间看了一些博客,也看到不少我认为很不错的通过纯css来打造的按钮样式.记录下来以后开发的时候或许能用上. 亮起来按钮 < 简 ...

好看的css按钮样式收集

好看的css按钮样式收集相关推荐

最新文章

热门文章