Skip to content

Instantly share code, notes, and snippets.

@WouterJanson
Created March 16, 2018 11:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save WouterJanson/14618bc367079db9528555eae4ddcac3 to your computer and use it in GitHub Desktop.
Save WouterJanson/14618bc367079db9528555eae4ddcac3 to your computer and use it in GitHub Desktop.
Pure CSS bunq rainbow
body {
width: 100vw;
height: 100vh;
}
body {
background-image: linear-gradient(90deg,
#238647,
#238647 calc(100% / 12 * 1),
#2F9B47 calc(100% / 12 * 1),
#2F9B47 calc(100% / 12 * 2),
#62B64F calc(100% / 12 * 2),
#62B64F calc(100% / 12 * 3),
#89CC53 calc(100% / 12 * 3),
#89CC53 calc(100% / 12 * 4),
#3DB8AD calc(100% / 12 * 4),
#3DB8AD calc(100% / 12 * 5),
#3394D7 calc(100% / 12 * 5),
#3394D7 calc(100% / 12 * 6),
#2872BC calc(100% / 12 * 6),
#2872BC calc(100% / 12 * 7),
#1D5C84 calc(100% / 12 * 7),
#1D5C84 calc(100% / 12 * 8),
#993233 calc(100% / 12 * 8),
#993233 calc(100% / 12 * 9),
#E13030 calc(100% / 12 * 9),
#E13030 calc(100% / 12 * 10),
#F28825 calc(100% / 12 * 10),
#F28825 calc(100% / 12 * 11),
#F5C836 calc(100% / 12 * 11),
#F5C836 calc(100% / 12 * 12));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment