css 一个简单而漂亮的按钮设计。

Posted 2021-05-13

.clean {
  display: block;
  text-align: center;
  border-radius: 6px;
  background: #135c71;
  padding: 15px;
  font-size: 18px;
  font-weight: 700;
  font-family: "Source Sans Pro", sans-serif;
  width: 250px;
  color: #FFF;
  transition: all .15s ease-out;
  top: 0;
  text-decoration: none;
}
.clean:hover {
  box-shadow: 0px 11px 43px -10px rgba(0, 0, 0, 0.43);
  position: relative;
  transform: translateY(-2px);
  color: #FFF;
}