首页 前端知识 html中button的立体效果圆角,前端开发学习

html中button的立体效果圆角,前端开发学习

2024-04-20 16:04:12 前端知识 前端哥 17 90 我要收藏

margin: 10px;

padding: 0 20px;

text-align: center;

text-decoration: none;

font: bold 12px/25px Arial, sans-serif;

text-shadow: 1px 1px 1px rgba(255,255,255, .22);

-webkit-border-radius: 30px;

-moz-border-radius: 30px;

border-radius: 30px;

-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

-webkit-transition: all 0.15s ease;

-moz-transition: all 0.15s ease;

-o-transition: all 0.15s ease;

-ms-transition: all 0.15s ease;

transition: all 0.15s ease;

}

立体效果

/* Green Color */

.green {

color: #3e5706;

background: #a5cd4e; /* Old browsers */

bac

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5424.html
标签
评论
发布的文章

@JsonSerialize注解的使用

2024-06-24 23:06:21

npm install报错

2024-06-24 23:06:56

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!