Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I ended up doing it like this, supporting all modern browsers (Safari, Chrome, Firefox and Opera):</p> <pre><code>background-image: -webkit-linear-gradient(45deg, #B601b3, #B601B3 2%, #9106D3 4%, #6B16EC 6%, #472FFA 8%, #2850FE 10%, #1175F7 12%, #039BE5 14%, #01BECA 16%, #0ADCA8 18%, #1DF283 20%, #3AFD5D 22%, #5CFD3A 24%, #82F21E 26%, #A7DD0A 28%, #C9BF01 30%, #E49C03 32%, #F77610 34%, #FE5127 36%, #FB3046 38%, #EC166A 40%, #D40690 42%, #BF01B5 44%, #8F06D5 46%, #9106D3 48%, #6B16EC 50%, #472FFA 52%, #2850FE 54%, #1175F7 56%, #039BE5 58%, #01BECA 60%, #0ADCA8 62%, #1DF283 64%, #3AFD5D 66%, #5CFD3A 68%, #82F21E 70%, #A7DD0A 72%, #C9BF01 74%, #E49C03 76%, #F77610 78%, #FE5127 80%, #FB3046 82%, #EC166A 84%, #D40690 86%, #BF01B5 88%, #8F06D5 90%, #9106D3 92%, #6B16EC 94%, #472FFA 96%, #2850FE 98%, #1175F7); background-image: -moz-linear-gradient(45deg, #B601b3, #B601B3 2%, #9106D3 4%, #6B16EC 6%, #472FFA 8%, #2850FE 10%, #1175F7 12%, #039BE5 14%, #01BECA 16%, #0ADCA8 18%, #1DF283 20%, #3AFD5D 22%, #5CFD3A 24%, #82F21E 26%, #A7DD0A 28%, #C9BF01 30%, #E49C03 32%, #F77610 34%, #FE5127 36%, #FB3046 38%, #EC166A 40%, #D40690 42%, #BF01B5 44%, #8F06D5 46%, #9106D3 48%, #6B16EC 50%, #472FFA 52%, #2850FE 54%, #1175F7 56%, #039BE5 58%, #01BECA 60%, #0ADCA8 62%, #1DF283 64%, #3AFD5D 66%, #5CFD3A 68%, #82F21E 70%, #A7DD0A 72%, #C9BF01 74%, #E49C03 76%, #F77610 78%, #FE5127 80%, #FB3046 82%, #EC166A 84%, #D40690 86%, #BF01B5 88%, #8F06D5 90%, #9106D3 92%, #6B16EC 94%, #472FFA 96%, #2850FE 98%, #1175F7); background-image: -o-linear-gradient(45deg, #B601b3, #B601B3 2%, #9106D3 4%, #6B16EC 6%, #472FFA 8%, #2850FE 10%, #1175F7 12%, #039BE5 14%, #01BECA 16%, #0ADCA8 18%, #1DF283 20%, #3AFD5D 22%, #5CFD3A 24%, #82F21E 26%, #A7DD0A 28%, #C9BF01 30%, #E49C03 32%, #F77610 34%, #FE5127 36%, #FB3046 38%, #EC166A 40%, #D40690 42%, #BF01B5 44%, #8F06D5 46%, #9106D3 48%, #6B16EC 50%, #472FFA 52%, #2850FE 54%, #1175F7 56%, #039BE5 58%, #01BECA 60%, #0ADCA8 62%, #1DF283 64%, #3AFD5D 66%, #5CFD3A 68%, #82F21E 70%, #A7DD0A 72%, #C9BF01 74%, #E49C03 76%, #F77610 78%, #FE5127 80%, #FB3046 82%, #EC166A 84%, #D40690 86%, #BF01B5 88%, #8F06D5 90%, #9106D3 92%, #6B16EC 94%, #472FFA 96%, #2850FE 98%, #1175F7); </code></pre> <p>See it live: <a href="http://jsfiddle.net/z8w2N" rel="nofollow">http://jsfiddle.net/z8w2N</a></p> <p>This is a perfect rainbow-gradient for future searchers! :)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload