Re: [css-backgrounds] Add opacity to <bg-layer> definition

Can't use cross_fade() for this purpose, because you cannot apply background 
attributes, like repeat, to cross_fade() images each.

Hence, it seems impossible to define a rule like this with cross_fade():

    div
    {
      background: 30% url('a.png') top left no-repeat fixed
                         , url('b.png') center / contain no-repeat fixed;
    }


Moreover, I'm missing a transition definition for cross_fade(). From the 
spec I understand that cross_fade() is only be used *within* a transaction. 
Thus, I'm missing a definition for transitioning the following two rule 
sets:

    div
    {
      background: cross-fade(30% url('a.png'), url('b.png')) center / 
contain no-repeat fixed;
      transition: background 2s linear;
    }

    div:hover
    {
      background: cross-fade(60% url('c.png'), url('b.png')) center / 
contain no-repeat fixed;
    }


Cheers,
Axel

----------------
"Tab Atkins Jr."  schrieb im Newsbeitrag
news:CAAWBYDDFsgHYQxF1O5CJ-DNuNG_54j1zNVSJgHJ1vwMvLfPaWw@mail.gmail.com...

On Sun, Feb 1, 2015 at 5:48 AM, Axel Dahmen <brille1@hotmail.com> wrote:
> 3.10. Backgrounds Shorthand: the ‘background’ property:
>
> I suggest to add an opacity property to the <bg-layer> definition, so
> different layers of a background may blend smoothly into each other.

If you just need to make an image partially transparent, you can use
the cross-fade() function.  (Somewhat supported.)

~TJ

Received on Monday, 2 February 2015 02:46:14 UTC