Grow your CSS skills. Land your dream job.

gradient in google chrome 10.0.612.3

  • # January 21, 2013 at 5:43 am

    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);

    # January 21, 2013 at 5:46 am

    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.

    # January 21, 2013 at 5:57 am

    thanks but, the gradient from left to right?

    how to make from top to bottom?

    # January 21, 2013 at 6:02 am

    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.

    # January 21, 2013 at 6:13 am

    hehe, thank you very much,…

    this very help me ^_^

    # January 21, 2013 at 6:25 am

    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;

    # January 21, 2013 at 6:31 am

    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

    # January 21, 2013 at 6:39 am

    thank’s ^_^

    sorry, i’m a beginner…

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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".