Reply To: Multi colored gradient border

[jknetdesign]

Resolved! I used a minimized approach like this:

.fancy-border {
  background-image: linear-gradient(90deg, red, blue), linear-gradient(90deg, red, blue);
  background-position: 0 0px, 100% 100%;
  background-repeat: no-repeat;
  background-size: 100% 5px;
  border-left: 5px solid red;
  border-right: 5px solid blue;
  padding: 10px 5px;
}
.fancy-border > iframe { margin:0 }