¿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é.

Comparte para enseñar a otros

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.