css3.0圆角渐变效果兼容所有浏览器

background: #fab102;
  padding: 4px 10px 5px 10px;
  border: 1px solid #fff;
  border-bottom: 1px solid #363d50;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow:
   inset 0 4px 7px 0 #fff25f,
   inset 0 -2px 4px 0 rgba(255, 242, 94, 0.4),
   inset 0 -4px 8px 0 rgba(207, 75, 3, 0.9),
   0 2px 4px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow:
   inset 0 4px 7px 0 #fff25f,
   inset 0 -2px 4px 0 rgba(255, 242, 94, 0.4),
   inset 0 -4px 8px 0 rgba(207, 75, 3, 0.9),
   0 2px 4px 0 rgba(0, 0, 0, 0.4);
  box-shadow:
   inset 0 4px 7px 0 #fff25f,
   inset 0 -2px 4px 0 rgba(255, 242, 94, 0.4),
   inset 0 -4px 8px 0 rgba(207, 75, 3, 0.9),
   0 2px 4px 0 rgba(0, 0, 0, 0.4);

你可能感兴趣的:(css)