The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Multi colored gradient border Reply To: Multi colored gradient border


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 }