This test used a clip-path that was entirely outside the element, making it confusing.
Move the clipping circle to the center.
* css3/filters/backdrop/dynamic-with-clip-path-expected.html:
* css3/filters/backdrop/dynamic-with-clip-path.html:
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@211581
268f45cc-cd09-0410-ab3c-
d52691b4dbfc
+2017-02-02 Simon Fraser <simon.fraser@apple.com>
+
+ Clean up css3/filters/backdrop/dynamic-with-clip-path.html
+
+ This test used a clip-path that was entirely outside the element, making it confusing.
+ Move the clipping circle to the center.
+
+ * css3/filters/backdrop/dynamic-with-clip-path-expected.html:
+ * css3/filters/backdrop/dynamic-with-clip-path.html:
+
2017-02-02 Ryan Haddad <ryanhaddad@apple.com>
Marking http/tests/inspector/worker/blob-script-with-cross-domain-imported-scripts.html as flaky.
2017-02-02 Ryan Haddad <ryanhaddad@apple.com>
Marking http/tests/inspector/worker/blob-script-with-cross-domain-imported-scripts.html as flaky.
background-color: green;
}
#filter {
background-color: green;
}
#filter {
- position: absolute;
- width: 200px;
- height: 200px;
- transform: translatez(0);
- -webkit-clip-path: circle(25px at 225px);
- -webkit-backdrop-filter: invert();
+ position: absolute;
+ width: 200px;
+ height: 200px;
+ transform: translateZ(0);
+ -webkit-clip-path: circle(80px at 100px);
+ -webkit-backdrop-filter: invert();
}
</style>
<div id="box"></div>
}
</style>
<div id="box"></div>
position: absolute;
width: 200px;
height: 200px;
position: absolute;
width: 200px;
height: 200px;
- transform: translatez(0);
- -webkit-clip-path: circle(25px at 225px);
+ transform: translateZ(0);
+ -webkit-clip-path: circle(80px at 100px);
}
.backdrop {
-webkit-backdrop-filter: invert();
}
.backdrop {
-webkit-backdrop-filter: invert();