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

Unified Diff: third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child-expected.html

Issue 2232013002: CSS filters: fix filtered parent with animated transform child. Base URL: https://chromium.googlesource.com/chromium/src.git@filter-bounds-transformed-composited-child
Patch Set: Update to ToT Created 4 years, 4 months 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 side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child-expected.html
diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-region-transformed-child.html b/third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child-expected.html
similarity index 74%
copy from third_party/WebKit/LayoutTests/css3/filters/filter-region-transformed-child.html
copy to third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child-expected.html
index dacd912e7e6d8db61e989b213d653220c984c772..e09b205766150cf57bd4ca490a0ead141fc05c7e 100644
--- a/third_party/WebKit/LayoutTests/css3/filters/filter-region-transformed-child.html
+++ b/third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child-expected.html
@@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="0">
<defs>
- <filter id="filter" x="25%" y="0%" width="50%" height="100%">
+ <filter id="filter">
<feComponentTransfer>
<feFuncR type="linear" intercept="0" slope="1"/>
<feFuncG type="linear" intercept="0" slope="0"/>
@@ -14,14 +14,13 @@
#parent {
display: inline-block;
filter: url(#filter);
- -webkit-filter: url(#filter);
}
#child {
background-color: gray;
width: 50px;
height: 50px;
- transform: translate(25px, 25px) scale(2);
- -webkit-transform: translate(25px, 25px) scale(2);
+ transform: translate(0px, 100px);
+ will-change: transform;
}
</style>
<div id="parent"><div id="child"></div></div>

Powered by Google App Engine
This is Rietveld 408576698