Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(634)

Side by Side Diff: LayoutTests/css3/compositing/isolation-isolate-blended-child.html

Issue 75303002: [Blending and compositing] Implement the isolation CSS property in software (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 7 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | LayoutTests/css3/compositing/isolation-isolate-blended-child-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <style>
5 div {
6 margin: 20px;
7 width: 130px;
8 height: 130px;
9 }
10
11 .parent {
12 background: rgb(55, 55, 55);
13 position: fixed;
14 width: 300px;
15 height: 300px;
16 }
17
18 .isolator {
19 isolation: isolate;
20 background: violet;
21 }
22
23 .child {
24 mix-blend-mode: multiply;
25 background: olive;
26 }
27
28 </style>
29 <!-- Test to ensure that "isolation:isolate" creates a stacking context, thus pr eventing blending with the parent element. -->
30 <body>
31 <div class="parent"><div class="isolator"><div class="child"></div></div></d iv>
32 </body>
33 </html>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/css3/compositing/isolation-isolate-blended-child-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698