Forums

aditya_taruna

please help me, my css not working in chrome 10.0.612.3

this is my css:

background: -webkit-gradient(#060000,#170c0c);
background: -webkit-linear-gradient(#060000,#170c0c);
background: -mos-linear-gradient(#060000,#170c0c);
background: -ms-linear-gradient(#060000,#170c0c);
background: -o-linear-gradient(#060000,#170c0c);
background: linear-gradient(#060000,#170c0c);

HugoGiraudel

You have a problem in your syntax. From http://www.colorzilla.com/gradient-editor/.

background: #060000; /* Old browsers */
background: -moz-linear-gradient(left, #060000 0%, #170c0c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#060000), color-stop(100%,#170c0c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #060000 0%,#170c0c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #060000 0%,#170c0c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #060000 0%,#170c0c 100%); /* IE10+ */
background: linear-gradient(to right, #060000 0%,#170c0c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060000', endColorstr='#170c0c',GradientType=1 ); /* IE6-9 */

However please note the -ms line is not useful at all.

Regarding your problem, honestly I didn't even know we could run an older version of Chrome. At least that old, since we're currently at v25.

aditya_taruna

thanks but, the gradient from left to right?

how to make from top to bottom?

HugoGiraudel

background: #060000; /* Old browsers */
background: -moz-linear-gradient(top,  #060000 0%, #170c0c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#060000), color-stop(100%,#170c0c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #060000 0%,#170c0c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #060000 0%,#170c0c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #060000 0%,#170c0c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #060000 0%,#170c0c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060000', endColorstr='#170c0c',GradientType=0 ); /* IE6-9 */

From http://www.colorzilla.com/gradient-editor/ again.

aditya_taruna

hehe, thank you very much,...

this very help me ^_^

aditya_taruna

i got problem again, but this for box shadow, this my scirpt:

box-shadow: 0 1px 3px #666666;
-moz-box-shadow: 0 1px 3px #666666;
-webkit-box-shadow: 0 1px 3px #666666;
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
zoom: 1;
box-shadow: 0 1px 3px #666666;

HugoGiraudel

What is your problem? :D

Box-shadow only needs 1 line: box-shadow: 0 1px 3px #666. Nothing else. Unless you want to support Chrome 9- and Firefox 3.6-.

Source: http://caniuse.com/#feat=css-boxshadow

aditya_taruna

thank's ^_^

sorry, i'm a beginner...

so i have much simple problem,. but it's big problem for me ^_^

treehouse : what would you like to learn today?

Forums

[Solved] gradient in google chrome 10.0.612.3