Hi,
I'd like to add support for blending of background images.
The spec for this feature can be found here: *
https://dvcs.w3.org/hg/FXTF/rawfile/tip/compositing/index.html#background-blend-mode
*
The implementation will be tracked by a meta bug: *
https://bugs.webkit.org/show_bug.cgi?id=108546*
Hi Rik,
Can you just add an example for the better understanding please?
Greetings,
Dirk
On Feb 2, 2013, at 6:43 AM, Rik Cabanier caban...@gmail.com wrote:
Hi,
I'd like to add support for blending of background images.
The spec for this feature can be found here:
Sure!
For instance:
!DOCTYPE HTML
html
head
style
.example {
width: 500px;
height: 500px;
background-image: url(a.png), url(b.png);
-webkit-background-blend-mode: screen, screen;
}
/style
/head
body style=background-color: green;
div class=example/div
/body
/html
The div in this document
On Fri, Feb 1, 2013 at 12:44 PM, Rik Cabanier caban...@gmail.com wrote:
background-image: url(a.png), url(b.png);
-webkit-background-blend-mode: screen, screen;
Out of curiosity:
I am probably way too late for the party, but why not blend
surface-to-surface? E.g.
background-image:
On Feb 2, 2013, at 8:01 AM, Benjamin Poulain benja...@webkit.org wrote:
On Fri, Feb 1, 2013 at 12:44 PM, Rik Cabanier caban...@gmail.com wrote:
background-image: url(a.png), url(b.png);
-webkit-background-blend-mode: screen, screen;
Out of curiosity:
I am probably way too late for the
you will be able to do this by using the fully featured 'mix-blend-mode'
property [1].
for instance, if you want 2 images to blend with each other, but not with
their background:
div style=isolation: isolate - anything that creates a stacking context
img src='foo.png'/
img src='bar.png'
On Fri, Feb 1, 2013 at 1:08 PM, Dirk Schulze dschu...@adobe.com wrote:
On Feb 2, 2013, at 8:01 AM, Benjamin Poulain benja...@webkit.org wrote:
On Fri, Feb 1, 2013 at 12:44 PM, Rik Cabanier caban...@gmail.com
wrote:
background-image: url(a.png), url(b.png);
-webkit-background-blend-mode:
7 matches
Mail list logo