Source code
Revision control
Copy as Markdown
Other Tools
[border-shape-animation.tentative.html]
[CSS Transitions: property <border-shape> from [circle() border-box circle() content-box\] to [circle() content-box circle() border-box\] at (0) should be [circle() border-box circle() content-box\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle() border-box circle() content-box\] to [circle() content-box circle() border-box\] at (1) should be [circle() content-box circle() border-box\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle() border-box circle() content-box\] to [circle() content-box circle() border-box\] at (0) should be [circle() border-box circle() content-box\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle() border-box circle() content-box\] to [circle() content-box circle() border-box\] at (1) should be [circle() content-box circle() border-box\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle() border-box circle() content-box\] to [circle() content-box circle() border-box\] at (0) should be [circle() border-box circle() content-box\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle() border-box circle() content-box\] to [circle() content-box circle() border-box\] at (1) should be [circle() content-box circle() border-box\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle() border-box circle() content-box\] to [circle() content-box circle() border-box\] at (0) should be [circle() border-box circle() content-box\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle() border-box circle() content-box\] to [circle() content-box circle() border-box\] at (1) should be [circle() content-box circle() border-box\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(10px at 10px 10px)\] to [circle(30px at 30px 30px)\] at (0) should be [circle(10px at 10px 10px)\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(10px at 10px 10px)\] to [circle(30px at 30px 30px)\] at (0.5) should be [circle(20px at 20px 20px)\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(10px at 10px 10px)\] to [circle(30px at 30px 30px)\] at (1) should be [circle(30px at 30px 30px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(10px at 10px 10px)\] to [circle(30px at 30px 30px)\] at (0) should be [circle(10px at 10px 10px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(10px at 10px 10px)\] to [circle(30px at 30px 30px)\] at (0.5) should be [circle(20px at 20px 20px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(10px at 10px 10px)\] to [circle(30px at 30px 30px)\] at (1) should be [circle(30px at 30px 30px)\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(10px at 10px 10px)\] to [circle(30px at 30px 30px)\] at (0) should be [circle(10px at 10px 10px)\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(10px at 10px 10px)\] to [circle(30px at 30px 30px)\] at (0.5) should be [circle(20px at 20px 20px)\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(10px at 10px 10px)\] to [circle(30px at 30px 30px)\] at (1) should be [circle(30px at 30px 30px)\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(10px at 10px 10px)\] to [circle(30px at 30px 30px)\] at (0) should be [circle(10px at 10px 10px)\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(10px at 10px 10px)\] to [circle(30px at 30px 30px)\] at (0.5) should be [circle(20px at 20px 20px)\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(10px at 10px 10px)\] to [circle(30px at 30px 30px)\] at (1) should be [circle(30px at 30px 30px)\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [circle(40px at 30px 40px) circle(20px at 30px 40px)\] at (0) should be [circle(20px at 10px 20px) circle(10px at 10px 20px)\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [circle(40px at 30px 40px) circle(20px at 30px 40px)\] at (0.5) should be [circle(30px at 20px 30px) circle(15px at 20px 30px)\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [circle(40px at 30px 40px) circle(20px at 30px 40px)\] at (1) should be [circle(40px at 30px 40px) circle(20px at 30px 40px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [circle(40px at 30px 40px) circle(20px at 30px 40px)\] at (0) should be [circle(20px at 10px 20px) circle(10px at 10px 20px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [circle(40px at 30px 40px) circle(20px at 30px 40px)\] at (0.5) should be [circle(30px at 20px 30px) circle(15px at 20px 30px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [circle(40px at 30px 40px) circle(20px at 30px 40px)\] at (1) should be [circle(40px at 30px 40px) circle(20px at 30px 40px)\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [circle(40px at 30px 40px) circle(20px at 30px 40px)\] at (0) should be [circle(20px at 10px 20px) circle(10px at 10px 20px)\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [circle(40px at 30px 40px) circle(20px at 30px 40px)\] at (0.5) should be [circle(30px at 20px 30px) circle(15px at 20px 30px)\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [circle(40px at 30px 40px) circle(20px at 30px 40px)\] at (1) should be [circle(40px at 30px 40px) circle(20px at 30px 40px)\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [circle(40px at 30px 40px) circle(20px at 30px 40px)\] at (0) should be [circle(20px at 10px 20px) circle(10px at 10px 20px)\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [circle(40px at 30px 40px) circle(20px at 30px 40px)\] at (0.5) should be [circle(30px at 20px 30px) circle(15px at 20px 30px)\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [circle(40px at 30px 40px) circle(20px at 30px 40px)\] at (1) should be [circle(40px at 30px 40px) circle(20px at 30px 40px)\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [polygon(10px 10px, 100px 10px, 10px 100px) polygon(20px 20px, 80px 20px, 20px 80px)\] at (0) should be [circle(20px at 10px 20px) circle(10px at 10px 20px)\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [polygon(10px 10px, 100px 10px, 10px 100px) polygon(20px 20px, 80px 20px, 20px 80px)\] at (1) should be [polygon(10px 10px, 100px 10px, 10px 100px) polygon(20px 20px, 80px 20px, 20px 80px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [polygon(10px 10px, 100px 10px, 10px 100px) polygon(20px 20px, 80px 20px, 20px 80px)\] at (0) should be [circle(20px at 10px 20px) circle(10px at 10px 20px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [polygon(10px 10px, 100px 10px, 10px 100px) polygon(20px 20px, 80px 20px, 20px 80px)\] at (1) should be [polygon(10px 10px, 100px 10px, 10px 100px) polygon(20px 20px, 80px 20px, 20px 80px)\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [polygon(10px 10px, 100px 10px, 10px 100px) polygon(20px 20px, 80px 20px, 20px 80px)\] at (0) should be [circle(20px at 10px 20px) circle(10px at 10px 20px)\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [polygon(10px 10px, 100px 10px, 10px 100px) polygon(20px 20px, 80px 20px, 20px 80px)\] at (1) should be [polygon(10px 10px, 100px 10px, 10px 100px) polygon(20px 20px, 80px 20px, 20px 80px)\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [polygon(10px 10px, 100px 10px, 10px 100px) polygon(20px 20px, 80px 20px, 20px 80px)\] at (0) should be [circle(20px at 10px 20px) circle(10px at 10px 20px)\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(20px at 10px 20px) circle(10px at 10px 20px)\] to [polygon(10px 10px, 100px 10px, 10px 100px) polygon(20px 20px, 80px 20px, 20px 80px)\] at (1) should be [polygon(10px 10px, 100px 10px, 10px 100px) polygon(20px 20px, 80px 20px, 20px 80px)\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(20px at 10px 20px) border-box circle(10px at 10px 20px) padding-box\] to [circle(40px at 30px 40px) border-box circle(20px at 30px 40px) padding-box\] at (0) should be [circle(20px at 10px 20px) circle(10px at 10px 20px)\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(20px at 10px 20px) border-box circle(10px at 10px 20px) padding-box\] to [circle(40px at 30px 40px) border-box circle(20px at 30px 40px) padding-box\] at (0.5) should be [circle(30px at 20px 30px) circle(15px at 20px 30px)\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(20px at 10px 20px) border-box circle(10px at 10px 20px) padding-box\] to [circle(40px at 30px 40px) border-box circle(20px at 30px 40px) padding-box\] at (1) should be [circle(40px at 30px 40px) circle(20px at 30px 40px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(20px at 10px 20px) border-box circle(10px at 10px 20px) padding-box\] to [circle(40px at 30px 40px) border-box circle(20px at 30px 40px) padding-box\] at (0) should be [circle(20px at 10px 20px) circle(10px at 10px 20px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(20px at 10px 20px) border-box circle(10px at 10px 20px) padding-box\] to [circle(40px at 30px 40px) border-box circle(20px at 30px 40px) padding-box\] at (0.5) should be [circle(30px at 20px 30px) circle(15px at 20px 30px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(20px at 10px 20px) border-box circle(10px at 10px 20px) padding-box\] to [circle(40px at 30px 40px) border-box circle(20px at 30px 40px) padding-box\] at (1) should be [circle(40px at 30px 40px) circle(20px at 30px 40px)\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(20px at 10px 20px) border-box circle(10px at 10px 20px) padding-box\] to [circle(40px at 30px 40px) border-box circle(20px at 30px 40px) padding-box\] at (0) should be [circle(20px at 10px 20px) circle(10px at 10px 20px)\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(20px at 10px 20px) border-box circle(10px at 10px 20px) padding-box\] to [circle(40px at 30px 40px) border-box circle(20px at 30px 40px) padding-box\] at (0.5) should be [circle(30px at 20px 30px) circle(15px at 20px 30px)\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(20px at 10px 20px) border-box circle(10px at 10px 20px) padding-box\] to [circle(40px at 30px 40px) border-box circle(20px at 30px 40px) padding-box\] at (1) should be [circle(40px at 30px 40px) circle(20px at 30px 40px)\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(20px at 10px 20px) border-box circle(10px at 10px 20px) padding-box\] to [circle(40px at 30px 40px) border-box circle(20px at 30px 40px) padding-box\] at (0) should be [circle(20px at 10px 20px) circle(10px at 10px 20px)\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(20px at 10px 20px) border-box circle(10px at 10px 20px) padding-box\] to [circle(40px at 30px 40px) border-box circle(20px at 30px 40px) padding-box\] at (0.5) should be [circle(30px at 20px 30px) circle(15px at 20px 30px)\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(20px at 10px 20px) border-box circle(10px at 10px 20px) padding-box\] to [circle(40px at 30px 40px) border-box circle(20px at 30px 40px) padding-box\] at (1) should be [circle(40px at 30px 40px) circle(20px at 30px 40px)\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(20px at 10px 20px)\] to [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\] at (0) should be [circle(20px at 10px 20px) half-border-box circle(20px at 10px 20px) half-border-box\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(20px at 10px 20px)\] to [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\] at (0.5) should be [circle(30px at 20px 30px) half-border-box circle(30px at 20px 30px) half-border-box\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [circle(20px at 10px 20px)\] to [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\] at (1) should be [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(20px at 10px 20px)\] to [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\] at (0) should be [circle(20px at 10px 20px) half-border-box circle(20px at 10px 20px) half-border-box\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(20px at 10px 20px)\] to [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\] at (0.5) should be [circle(30px at 20px 30px) half-border-box circle(30px at 20px 30px) half-border-box\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [circle(20px at 10px 20px)\] to [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\] at (1) should be [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(20px at 10px 20px)\] to [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\] at (0) should be [circle(20px at 10px 20px) half-border-box circle(20px at 10px 20px) half-border-box\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(20px at 10px 20px)\] to [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\] at (0.5) should be [circle(30px at 20px 30px) half-border-box circle(30px at 20px 30px) half-border-box\]]
expected: FAIL
[CSS Animations: property <border-shape> from [circle(20px at 10px 20px)\] to [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\] at (1) should be [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(20px at 10px 20px)\] to [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\] at (0) should be [circle(20px at 10px 20px) half-border-box circle(20px at 10px 20px) half-border-box\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(20px at 10px 20px)\] to [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\] at (0.5) should be [circle(30px at 20px 30px) half-border-box circle(30px at 20px 30px) half-border-box\]]
expected: FAIL
[Web Animations: property <border-shape> from [circle(20px at 10px 20px)\] to [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\] at (1) should be [circle(40px at 30px 40px) half-border-box circle(40px at 30px 40px) half-border-box\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [none\] to [circle() circle()\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [none\] to [circle() circle()\] at (0.5) should be [circle() circle()\]]
expected: FAIL
[CSS Transitions: property <border-shape> from [none\] to [circle() circle()\] at (1) should be [circle() circle()\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [none\] to [circle() circle()\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [none\] to [circle() circle()\] at (0.5) should be [circle() circle()\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-shape> from [none\] to [circle() circle()\] at (1) should be [circle() circle()\]]
expected: FAIL
[CSS Animations: property <border-shape> from [none\] to [circle() circle()\] at (0) should be [none\]]
expected: FAIL
[CSS Animations: property <border-shape> from [none\] to [circle() circle()\] at (0.5) should be [circle() circle()\]]
expected: FAIL
[CSS Animations: property <border-shape> from [none\] to [circle() circle()\] at (1) should be [circle() circle()\]]
expected: FAIL
[Web Animations: property <border-shape> from [none\] to [circle() circle()\] at (0) should be [none\]]
expected: FAIL
[Web Animations: property <border-shape> from [none\] to [circle() circle()\] at (0.5) should be [circle() circle()\]]
expected: FAIL
[Web Animations: property <border-shape> from [none\] to [circle() circle()\] at (1) should be [circle() circle()\]]
expected: FAIL