Gradiente di colore

❮ Precedente Prossimo ❯

Sfondo sfumato:

↓

→

↖

↗

↑

←

↙

↘

Seleziona i colori:

Codice CSS:

div {
background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
}

"; } x += ""; pow1 = Numero(document.getElementById("pow1").valore); pow2 = Numero(document.getElementById ("pow2").valore); pow3 = pow2 - pow1; col1 = w3color (document.getElementById("color1").value); col2 = w3color(document.getElementById("color2").value); tr=col1.red; tg=col1.green; tb=col1.blue; br=col2 .red; bg=col2.green; bb=col2.blue; n = 0; x += ""; for (j = pow1; j pow2 && i > pow1)) { bordercolor = "trasparente"; } if (i = pow2) { color = col2.toRgbString(); } else { color = cARR[i]; } if (i 100) {color = "trasparente";} x += ""; } x += ""; x += "";per (i = -25; io

" + io + "

"; } x += ""; x += ""; document.getElementById("redtable").innerHTML = x; if (document.getElementById("redpointer" + pow1)) {document.getElementById("redpointer" + pow1).style.display = "blocco";} if (document.getElementById("redpointerup" + pow2)) {document.getElementById("redpointerup" + pow2).style.display = "blocco";} } function submitTryit( ) { event.preventDefault(); document.getElementById("gradientform").submit(); } function submitOnEnter(e) { keyboardKey = e.which || e.keyCode; if (keyboardKey == 13) { setGradient() ; } }

❮ Precedente Prossimo ❯

Esercitazione sui colori

Combinazioni di colori

Tendenze di colore

Standard di colore

Gradiente di colore

Sfondo sfumato:

Seleziona i colori:

Codice CSS: