Gradient Borders in CSS

Create gradient borders around elements using a combination of background images and padding.

Source Code

.gradient-border {
    padding: 3px;
    background: linear-gradient(to right, red, blue);
    display: inline-block;
}
.gradient-border-content {
    background: white;
    padding: 10px;
    display: block;
}