Home/ Questions/Q 8455677
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T12:20:43+00:00

does anyone know how to make a center gradient fade from light to dark

  • 0

does anyone know how to make a center gradient fade from light to dark with about an offset of about -20px top?

this is what i’ve been able to do so far

background-color:#303030;
background-image:-moz-linear-gradient(left,#282828,#616161,#303030);
background-image:-webkit-linear-gradient(left,#282828,#616161,#303030);
background-image:-o-linear-gradient(left,#282828,#616161,#303030);
background-image:-ms-linear-gradient(left,#282828,#616161,#303030);
background-image:linear-gradient(left,#282828,#616161,#303030);

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The left isn’t a linear gradient, it looks radial. Here’s an example of how to do one with an offset:
    http://codepen.io/mastastealth/pen/ocIaz

    Basically use something like this (apply proper prefixes, and not supported in older IEs):

    background: radial-gradient(center 20px, circle, #616161 0%, #616161 20%, #282828 100%);
    • 0