Click here to download the Blitz Browser!

WPT

wpt / css / css-backgrounds / animations / border-image-slice-composition.html

Spec: CSS Backgrounds ↗

Runs: Chrome 155.0.8043.0 (wpt@b89af32bc, 2026-09-05) | Firefox 157.0a1 (wpt@b89af32bc, 2026-09-05) | Safari 251 preview (wpt@b89af32bc, 2026-09-05) | Ladybird 1.0-3e704 (wpt@b89af32bc, 2026-09-06) | Servo Servo 0.6 (wpt@2c385f65e, 2026-09-04) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)

View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi

ChromeFirefoxSafariLadybirdServoBlitz
Total112/112112/112112/112112/11256/11219/112
SubtestChromeFirefoxSafariLadybirdServoBlitz
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (-0.25) should be [0]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0) should be [2 4 6 8]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.25) should be [27 29 31 33]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.5) should be [52 54 56 58]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.75) should be [77 79 81 83]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1) should be [102 104 106 108]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1.25) should be [127 129 131 133]PASSPASSPASSPASSPASSFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (-0.25) should be [0]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0) should be [2 4 6 8]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.25) should be [27 29 31 33]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.5) should be [52 54 56 58]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.75) should be [77 79 81 83]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1) should be [102 104 106 108]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1.25) should be [127 129 131 133]PASSPASSPASSPASSFAILFAIL
Compositing CSS Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (-0.25) should be [175 250 300 450 fill]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0) should be [200 300 400 500 fill]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0.25) should be [225 350 500 550 fill]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0.5) should be [250 400 600 600 fill]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0.75) should be [275 450 700 650 fill]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (1) should be [300 500 800 700 fill]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (1.25) should be [325 550 900 750 fill]PASSPASSPASSPASSPASSFAIL
Compositing Web Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (-0.25) should be [175 250 300 450 fill]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0) should be [200 300 400 500 fill]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0.25) should be [225 350 500 550 fill]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0.5) should be [250 400 600 600 fill]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0.75) should be [275 450 700 650 fill]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (1) should be [300 500 800 700 fill]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (1.25) should be [325 550 900 750 fill]PASSPASSPASSPASSFAILFAIL
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (-0.25) should be [0 0 0% 0%]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0) should be [2 4 6% 8%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.25) should be [27 29 31% 33%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.5) should be [52 54 56% 58%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.75) should be [77 79 81% 83%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (1) should be [102 104 106% 108%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (1.25) should be [127 129 131% 133%]PASSPASSPASSPASSPASSFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (-0.25) should be [0 0 0% 0%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0) should be [2 4 6% 8%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.25) should be [27 29 31% 33%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.5) should be [52 54 56% 58%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.75) should be [77 79 81% 83%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (1) should be [102 104 106% 108%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (1.25) should be [127 129 131% 133%]PASSPASSPASSPASSFAILFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (-0.25) should be [225% 225% 350% 350%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (0) should be [200% 200% 300% 300%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (0.25) should be [175% 175% 250% 250%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (0.5) should be [150% 150% 200% 200%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (0.75) should be [125% 125% 150% 150%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (1) should be [100%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (1.25) should be [75% 75% 50% 50%]PASSPASSPASSPASSPASSFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (-0.25) should be [225% 225% 350% 350%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (0) should be [200% 200% 300% 300%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (0.25) should be [175% 175% 250% 250%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (0.5) should be [150% 150% 200% 200%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (0.75) should be [125% 125% 150% 150%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (1) should be [100%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (1.25) should be [75% 75% 50% 50%]PASSPASSPASSPASSFAILFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (-0.25) should be [75 75%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (0) should be [100 100%]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (0.25) should be [125 125%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (0.5) should be [150 150%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (0.75) should be [175 175%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (1) should be [200 200%]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (1.25) should be [225 225%]PASSPASSPASSPASSPASSFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (-0.25) should be [75 75%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (0) should be [100 100%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (0.25) should be [125 125%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (0.5) should be [150 150%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (0.75) should be [175 175%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (1) should be [200 200%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (1.25) should be [225 225%]PASSPASSPASSPASSFAILFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (-0.25) should be [125% 125]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (0) should be [100% 100]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (0.25) should be [75% 75]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (0.5) should be [50% 50]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (0.75) should be [25% 25]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (1) should be [0% 0]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (1.25) should be [0% 0]PASSPASSPASSPASSPASSPASS
Compositing Web Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (-0.25) should be [125% 125]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (0) should be [100% 100]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (0.25) should be [75% 75]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (0.5) should be [50% 50]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (0.75) should be [25% 25]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (1) should be [0% 0]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (1.25) should be [0% 0]PASSPASSPASSPASSFAILFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (-0.25) should be [100% 150%]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (0) should be [100% 150%]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (0.25) should be [100% 150%]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (0.5) should be [200% 250% fill]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (0.75) should be [200% 250% fill]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (1) should be [200% 250% fill]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (1.25) should be [200% 250% fill]PASSPASSPASSPASSPASSPASS
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (-0.25) should be [100% 150%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (0) should be [100% 150%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (0.25) should be [100% 150%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (0.5) should be [200% 250% fill]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (0.75) should be [200% 250% fill]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (1) should be [200% 250% fill]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (1.25) should be [200% 250% fill]PASSPASSPASSPASSFAILFAIL
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (-0.25) should be [100 150%]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (0) should be [100 150%]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (0.25) should be [100 150%]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (0.5) should be [200% 250]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (0.75) should be [200% 250]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (1) should be [200% 250]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (1.25) should be [200% 250]PASSPASSPASSPASSPASSPASS
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (-0.25) should be [100 150%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (0) should be [100 150%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (0.25) should be [100 150%]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (0.5) should be [200% 250]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (0.75) should be [200% 250]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (1) should be [200% 250]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (1.25) should be [200% 250]PASSPASSPASSPASSFAILFAIL