¿Cómo poner degradado a un border, con CSS3?

La verdad es que muy chulo tener un borde con degradado, al principio pensé que era imposible pero el hecho es que hay una función en css que se llama border-image. Creas primero un borde transparente y le das la opción border-image de la siguiente manera:

border: 10px solid transparent; //Creas el borde
border-image: linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%) 1;
//agregas el gradiente a las esquinas

Y ya esta así de sencillo es. Cualquier duda que tengas, comenta y con gusto te ayudaré.