¿Cómo hacer gradiente de borde de círculo diagonal?

Question

Jan 03, 2016, 11:52 PM

css-shapes gradient css linear-gradients css3

¿Cómo hacer gradiente de borde de círculo diagonal?

Tengo un problema con CSS3. No sé cómo hacer un borde degradado redondo y diagonal como ese:

Encontré algo comoesta:

.box {
  width: 250px;
  height: 250px;
  margin: auto;
  background: #eee;
  border: 20px solid transparent;
  -moz-border-image: -moz-linear-gradient(top left, #3acfd5 0%, #3a4ed5 100%);
  -webkit-border-image: -webkit-linear-gradient(top left, #3acfd5 0%, #3a4ed5 100%);
  border-image: linear-gradient(to bottom right, #3acfd5 0%, #3a4ed5 100%);
  border-image-slice: 1;
}