css制作圆角按钮和卡片阴影效果

效果:

代码:

button{width: 100px;margin: 10px;margin-bottom: 0;height: 37px;background: #fff;color: #506AE7;text-shadow: 1px 1px 1px rgba(255,255,255, .1);border-radius: 30px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);transition: all 0.15s ease;}.selected{background: #242CD9;color: #fff;}