conic-gradient

by Kirubel Girma

HTML

<div class="circle">
  <span class="stamp"></span>
</div>

CSS

* {
  box-sizing: border-box
}

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}
.stamp {
  height: 10em;
  width: 10em;
  border-radius: 10
  background-color: cornflowerblue;
}
.circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  
  border-image-slice: 4;
  background: conic-gradient(transparent, red);
}