The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS3 Opacity Right To Left

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #45309

    Hello where would best place to learn about opacity css3

    I am trying to get my background of my header with a bit of opacity right to left.


    Opacity is an on-off CSS property so you can’t do a right to left effect with it.

    An opacity gradient is possible but only as a bg image or overlay.

    Try looking into RGBA properties…I’m assuming this is a color bg.


    [MDN]( is a great reference.

    However, `opacity` is not for backgrounds – it’s for the entire element. And, if you want a gradient (e.g., “from left to right”), you should look at [gradients](


    Ok I might create banner now for header just about done website couple of issue to fix let me know if spot any thing that I could look at fixing that have missed. just created a hover login top right corner on wrapper.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.