📜  background-image 线性渐变和边框半径 - CSS 代码示例

📅  最后修改于: 2022-03-11 14:48:00.653000             🧑  作者: Mango

代码示例3
.rounded-corners-gradient-borders {
  width: 300px;
  height: 80px;
  border: double 4px transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}