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

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

From: Maria Catalina Kovacs <kovacs.maria4@gmail.com>
Date: Tue, 3 Feb 2015 03:01:21 +0100
Message-Id: <91395DBA-D01A-4DAF-B8B9-F23C1A8E2317@gmail.com>
Cc: "www-style@w3.org" <www-style@w3.org>
To: Axel Dahmen <brille1@hotmail.com>
I think this is a great idea, this would give more control over such elements without the need of graphic tools. 

Cheers 
Mako 

Sent from my iPhone

> On 02.02.2015, at 23:45, "Axel Dahmen" <brille1@hotmail.com> wrote:
> 
> Just to give an idea of what it's worth:
> 
> If there'd be an opacity parameter in the <bg-layer> definition, it would be easy to add logos or watermarks to a page (e.g. for subtly depicting a test environment), like demonstrated in the image attached.
> 
> Cheers,
> Axel Dahmen
> 
> 
> ---------------------------------------
> "Axel Dahmen"  schrieb im Newsbeitrag news: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():
> 
>   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
> 
> 
> 
> 
> <Semi transparent background sample.png>
Received on Tuesday, 3 February 2015 02:01:51 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:52:01 UTC