Gradient màu


Nền Gradient:


 

Chọn màu:

bản đồ màu#003366#336699#3366CC#003399#000099#0000CC#000066#006666#006699#0099CC#0066CC#0033CC#0000FF#3333FF#333399#669999#009999#33CCCC#00CCFF#0099FF#0066FF#3366FF#3333CC#666699#339966#00CC99#00FFCC#00FFFF#33CCFF#3399FF#6699FF#6666FF#6600FF#6600CC#339933#00CC66#00FF99#66FFCC#66FFFF#66CCFF#99CCFF#9999FF#9966FF#9933FF#9900FF#006600#00CC00#00FF00#66FF99#99FFCC#CCFFFF#CCCCFF#CC99FF#CC66FF#CC33FF#CC00FF#9900CC#003300#009933#33CC33#66FF66#99FF99#CCFFCC#FFFFFF#FFCCFF#FF99FF#FF66FF#FF00FF#CC00CC#660066#336600#009900#66FF33#99FF66#CCFF99#FFFFCC#FFCCCC#FF99CC#FF66CC#FF33CC#CC0099#993399#333300#669900#99FF33#CCFF66#FFFF99#FFCC99#FF9999#FF6699#FF3399#CC3399#990099#666633#99CC00#CCFF33#FFFF66#FFCC66#FF9966#FF6666#FF0066#CC6699#993366#999966#CCCC00#FFFF00#FFCC00#FF9933#FF6600#FF5050#CC0066#660033#996633#CC9900#FF9900#CC6600#FF3300#FF0000#CC0000#990033#663300#996600#CC3300#993300#990000#800000#993333
bản đồ màu#003366#336699#3366CC#003399#000099#0000CC#000066#006666#006699#0099CC#0066CC#0033CC#0000FF#3333FF#333399#669999#009999#33CCCC#00CCFF#0099FF#0066FF#3366FF#3333CC#666699#339966#00CC99#00FFCC#00FFFF#33CCFF#3399FF#6699FF#6666FF#6600FF#6600CC#339933#00CC66#00FF99#66FFCC#66FFFF#66CCFF#99CCFF#9999FF#9966FF#9933FF#9900FF#006600#00CC00#00FF00#66FF99#99FFCC#CCFFFF#CCCCFF#CC99FF#CC66FF#CC33FF#CC00FF#9900CC#003300#009933#33CC33#66FF66#99FF99#CCFFCC#FFFFFF#FFCCFF#FF99FF#FF66FF#FF00FF#CC00CC#660066#336600#009900#66FF33#99FF66#CCFF99#FFFFCC#FFCCCC#FF99CC#FF66CC#FF33CC#CC0099#993399#333300#669900#99FF33#CCFF66#FFFF99#FFCC99#FF9999#FF6699#FF3399#CC3399#990099#666633#99CC00#CCFF33#FFFF66#FFCC66#FF9966#FF6666#FF0066#CC6699#993366#999966#CCCC00#FFFF00#FFCC00#FF9933#FF6600#FF5050#CC0066#660033#996633#CC9900#FF9900#CC6600#FF3300#FF0000#CC0000#990033#663300#996600#CC3300#993300#990000#800000#993333




Mã CSS:

div {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
}
";} x + =" "; pow1 = Number (document.getElementById (" pow1 "). value); pow2 = Number (document.getElementById (" pow2 "). value); 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 = "transparent";} if (i = pow2) {color = col2.toRgbString ();} else {color = cARR [i];} if (i 100) {color = "transparent";} x + = "";} x + = ""; x + = "";cho (i = -25; i
"+ i +"
";} x + =" "; x + =" "; document.getElementById (" redtable "). innerHTML = x; if (document.getElementById (" redpointer "+ pow1)) {document.getElementById (" redpointer "+ pow1) .style.display = "block";} if (document.getElementById ("redpointerup" + pow2)) {document.getElementById ("redpointerup" + pow2) .style.display = "block";}} function submitTryit ( ) {event.preventDefault (); document.getElementById ("gradientform"). submit ();} function submitOnEnter (e) {keyboardKey = e.which || e.keyCode; if (keyboardKey == 13) {setGradient () ;}}
❮ Trước Kế tiếp ❯