Source code
Revision control
Copy as Markdown
Other Tools
[clip-path-interpolation-001.html]
[CSS Transitions: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (-0.3) should be [polygon(round 4px, -15px -15px, 85px -15px, 85px 85px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (0) should be [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (0.3) should be [polygon(round 16px, 15px 15px, 115px 15px, 115px 115px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (0.6) should be [polygon(round 22px, 30px 30px, 130px 30px, 130px 130px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (1) should be [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (1.5) should be [polygon(round 40px, 75px 75px, 175px 75px, 175px 175px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (-0.3) should be [polygon(round 4px, -15px -15px, 85px -15px, 85px 85px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (0) should be [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (0.3) should be [polygon(round 16px, 15px 15px, 115px 15px, 115px 115px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (0.6) should be [polygon(round 22px, 30px 30px, 130px 30px, 130px 130px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (1) should be [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (1.5) should be [polygon(round 40px, 75px 75px, 175px 75px, 175px 175px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (-0.3) should be [polygon(round 4px, -15px -15px, 85px -15px, 85px 85px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (0) should be [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (0.3) should be [polygon(round 16px, 15px 15px, 115px 15px, 115px 115px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (0.6) should be [polygon(round 22px, 30px 30px, 130px 30px, 130px 130px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (1) should be [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (1.5) should be [polygon(round 40px, 75px 75px, 175px 75px, 175px 175px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (-0.3) should be [polygon(round 4px, -15px -15px, 85px -15px, 85px 85px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (0) should be [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (0.3) should be [polygon(round 16px, 15px 15px, 115px 15px, 115px 115px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (0.6) should be [polygon(round 22px, 30px 30px, 130px 30px, 130px 130px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (1) should be [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 30px, 50px 50px, 150px 50px, 150px 150px)\] at (1.5) should be [polygon(round 40px, 75px 75px, 175px 75px, 175px 175px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(round 0px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0) should be [polygon(0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(round 0px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0.5) should be [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(round 0px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (1) should be [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(round 0px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0) should be [polygon(0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(round 0px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0.5) should be [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(round 0px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (1) should be [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(round 0px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0) should be [polygon(0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(round 0px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0.5) should be [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(round 0px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (1) should be [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(round 0px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0) should be [polygon(0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(round 0px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0.5) should be [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(round 0px, 0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (1) should be [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0) should be [polygon(0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0.5) should be [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (1) should be [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0) should be [polygon(0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0.5) should be [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (1) should be [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0) should be [polygon(0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0.5) should be [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (1) should be [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0) should be [polygon(0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (0.5) should be [polygon(round 10px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(0px 0px, 100px 0px, 100px 100px)\] to [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\] at (1) should be [polygon(round 20px, 0px 0px, 100px 0px, 100px 100px)\]]
expected: FAIL