W3C home > Mailing lists > Public > www-style@w3.org > February 2015

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

From: Axel Dahmen <brille1@hotmail.com>
Date: Mon, 2 Feb 2015 03:44:11 +0100
To: www-style@w3.org
Message-ID: <mamock$4km$1@ger.gmane.org>
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():

      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 

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

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


"Tab Atkins Jr."  schrieb im Newsbeitrag

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

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

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:51 UTC