CSS - Colour blend gradient - Is this possible? -


this question has answer here:

i know if possbile using css only. choose hex values of 2 colours , blend them in gradient way, visual here:

enter image description here

i forward ideas? time. graham

you can css3 gradient.

here quick example 1 of online gradient generators:

background: -moz-linear-gradient(top, #7f1919 0%, #207cca 100%, #2989d8 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f1919), color-stop(100%,#207cca), color-stop(100%,#2989d8)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #7f1919 0%,#207cca 100%,#2989d8 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #7f1919 0%,#207cca 100%,#2989d8 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #7f1919 0%,#207cca 100%,#2989d8 100%); /* ie10+ */ background: linear-gradient(to bottom, #7f1919 0%,#207cca 100%,#2989d8 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#7f1919', endcolorstr='#2989d8',gradienttype=0 ); /* ie6-9 */ 

demo


Comments

Popular posts from this blog

javascript - DIV "hiding" when changing dropdown value -

Does Firefox offer AppleScript support to get URL of windows? -

android - How to install packaged app on Firefox for mobile? -