Source code

Revision control

Copy as Markdown

Other Tools

[image-slice-interpolation-math-functions-tentative.html]
[CSS Transitions: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (-1) should be [20\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (0) should be [100\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (0.125) should be [110\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (0.875) should be [170\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (1) should be [180\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (2) should be [260\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (-1) should be [20\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (0) should be [100\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (0.125) should be [110\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (0.875) should be [170\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (1) should be [180\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (2) should be [260\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (-1) should be [20\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (0) should be [100\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (0.125) should be [110\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (0.875) should be [170\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (1) should be [180\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (2) should be [260\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (-1) should be [20\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (0) should be [100\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (0.125) should be [110\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (0.875) should be [170\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (1) should be [180\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [100\] to [calc(sign(20rem - 20px) * 180)\] at (2) should be [260\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (-1) should be [20%\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (0) should be [100%\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (0.125) should be [110%\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (0.875) should be [170%\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (1) should be [180%\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (2) should be [260%\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (-1) should be [20%\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (0) should be [100%\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (0.125) should be [110%\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (0.875) should be [170%\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (1) should be [180%\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (2) should be [260%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (-1) should be [20%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (0) should be [100%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (0.125) should be [110%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (0.875) should be [170%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (1) should be [180%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (2) should be [260%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (-1) should be [20%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (0) should be [100%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (0.125) should be [110%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (0.875) should be [170%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (1) should be [180%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [100%\] to [calc(sign(20rem - 20px) * 180%)\] at (2) should be [260%\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (-1) should be [20%\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (0) should be [100%\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (0.125) should be [110%\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (0.875) should be [170%\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (1) should be [180%\]]
expected: FAIL
[CSS Transitions: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (2) should be [260%\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (-1) should be [20%\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (0) should be [100%\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (0.125) should be [110%\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (0.875) should be [170%\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (1) should be [180%\]]
expected: FAIL
[CSS Transitions with transition: all: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (2) should be [260%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (-1) should be [20%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (0) should be [100%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (0.125) should be [110%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (0.875) should be [170%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (1) should be [180%\]]
expected: FAIL
[CSS Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (2) should be [260%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (-1) should be [20%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (0) should be [100%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (0.125) should be [110%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (0.875) should be [170%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (1) should be [180%\]]
expected: FAIL
[Web Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)\] to [calc(progress(10rem from 20px to 100px) * 180%)\] at (2) should be [260%\]]
expected: FAIL