<!DOCTYPE html>
<body style="zoom: 3">
  <style>
    span { display: inline-block;
           width: 100px;
           height: 100px;
           border-style: solid;
           border-image: radial-gradient(yellow, green) 35% / 30px }
  </style>
  <span></span>
  <span></span>
</body>
