Skip to content
This repository has been archived by the owner on Dec 18, 2018. It is now read-only.

Test case: Blending in a group with opacity. #333

Merged
merged 4 commits into from
Nov 9, 2013
Merged

Test case: Blending in a group with opacity. #333

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
cc0e02f
creating new ttwf_shenzhen directory
Nov 9, 2013
449bca1
Fixed url
rhauck Nov 9, 2013
b025659
Fix missing resources submodule.
tobie Nov 9, 2013
b644fa0
Test case: Blending in a group with opacity.
windtale Nov 9, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .gitmodules
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
[submodule "resources"]
path = resources
url = git@github.com:w3c/testharness.js.git
url = git://github.com/w3c/testharness.js.git
1 change: 1 addition & 0 deletions contributors/ttwf_shenzhen/README.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Test submissions for TestTWF Shenzhen
36 changes: 36 additions & 0 deletions contributors/ttwf_shenzhen/windtale/submited/Blending_in_a_group_with_opacity.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<title>mix-blend-mode with isolated groups API Test: Blending in a group with opacity</title>
<link rel="author" title="windtale" href="mailto:windtale@163.com">
<link rel="help" href="http://www.w3.org/TR/compositing-1/">
<link rel="help" href="">
<meta name="flags" content="dom">
<meta name="assert" content="The transform should rotate 180 degrees">
<style type="text/css">
#greenSquare {
mix-blend-mode: darken;
}
#redSquare {
mix-blend-mode: lighten;
}
#svgMain {
top: 100px;
left: 100px;
width: 200px;
height: 200px;
background: blue;
}
</style>

</head>
<body>

<svg id="svgMain">
<g opacity="0.59">
<rect id="redSquare" width="100" height="100" fill="red"></rect>
</g>
</svg>

</body>
</html>
1 change: 1 addition & 0 deletions resources
Open in desktop
Submodule resources added at 75ed69