Forums

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
    Posts
  • #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.

    #137744
    Paulie_D
    Member

    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.

    #137746
    __
    Participant

    [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) 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](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient).

    #137747

    Ok I might create banner now for header just about done website couple of issue to fix http://www.mwbcomputers.com.au 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.