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

Unified Diff: LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html

Issue 851693005: [CSS Shapes] Implement BasicShapeInset blending (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Rebase Created 5 years, 11 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: LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html
diff --git a/LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html b/LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html
index 0213085b061b6b1d8b6d9c004e518129f0604270..9c92b76bb091c8f59393909c583a96ea9b7cbc67 100644
--- a/LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html
+++ b/LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html
@@ -43,5 +43,19 @@ assertInterpolation({
{at: 1, is: 'circle(3px at 1px 2px)'},
{at: 1.5, is: 'circle(3px at 1px 2px)'}
]);
+
+assertInterpolation({
+ property: '-webkit-clip-path',
+ from: 'inset(0%)',
+ to: 'inset(20%)',
+}, [
+ {at: -0.3, is: 'inset(-6%)'},
+ {at: 0, is: 'inset(0%)'},
+ {at: 0.3, is: 'inset(6%)'},
+ {at: 0.6, is: 'inset(12%)'},
+ {at: 1, is: 'inset(20%)'},
+ {at: 1.5, is: 'inset(30%)'},
+]);
+
</script>
</body>

Powered by Google App Engine
This is Rietveld 408576698