Index: third_party/WebKit/LayoutTests/css3/motion-path/combine-anchor-distance.html |
diff --git a/third_party/WebKit/LayoutTests/css3/motion-path/combine-anchor-distance.html b/third_party/WebKit/LayoutTests/css3/motion-path/combine-anchor-distance.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f54dfc39b55d4d1c686b3dd1b72b1bd338d17204 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/css3/motion-path/combine-anchor-distance.html |
@@ -0,0 +1,24 @@ |
+<!DOCTYPE html> |
+<style> |
+#dip { |
+ stroke: red; |
+ fill: none; |
+ stroke-width: 3; |
+} |
+#target { |
+ fill: black; |
+ opacity: 0.5; |
+ offset-path: path('M 0 0 l 300 400 l 300 -400'); |
+ offset-distance: 50%; |
+ offset-rotation: 0deg; |
+ offset-position: 0px 0px; |
+ offset-anchor: center center; |
+} |
+</style> |
+ |
+<svg width="800" height="600"> |
+ <g transform="translate(200,100)"> |
+ <path id="dip" d="M 0 0 l 300 400 l 300 -400"/> |
+ <rect id="target" x="54" y="321" width="60" height="40"/> |
+ </g> |
+</svg> |