如何将按钮 css 设置为半阴影

Question

我需要像这样设置 css 按钮 website，在这里你可以看到带有深色和半阴影的 Read more 按钮

请看下图：

我试过下面的代码，但我失败了：

.rmbutton {
    color: #ffffff !important;
    background: #504d62 !important;
    position: relative;
    overflow: hidden;
    padding: 13px 35px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    text-align: center;
    font-weight: bold;
}

提前致谢！

Answer 1

简单的背景，您应该fiddle使用您喜欢的值。

button {
  color: white;
  padding: 40px 80px;
  background: linear-gradient(100deg, red 25%, blue 26%);
}

<button>Don't click me</button>

如何将按钮 css 设置为半阴影

How to set button css as half shadow

html

css

shadow