border-bottom-left-radius-composition.html (1633B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>border-bottom-left-radius composition</title> 4 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#the-border-radius"> 5 <meta name="assert" content="border-bottom-left-radius supports animation by computed value"> 6 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script src="/css/support/interpolation-testcommon.js"></script> 10 11 <body> 12 <script> 13 test_composition({ 14 property: 'border-bottom-left-radius', 15 underlying: '40px 40px', 16 addFrom: '60px 60px', 17 addTo: '160px 160px', 18 }, [ 19 {at: -0.25, expect: '75px'}, 20 {at: 0, expect: '100px'}, 21 {at: 0.25, expect: '125px'}, 22 {at: 0.5, expect: '150px'}, 23 {at: 0.75, expect: '175px'}, 24 {at: 1, expect: '200px'}, 25 {at: 1.25, expect: '225px'}, 26 ]); 27 28 test_composition({ 29 property: 'border-bottom-left-radius', 30 underlying: '40px 140px', 31 replaceFrom: '100px 120px', 32 addTo: '160px 60px', 33 }, [ 34 {at: -0.25, expect: '75px 100px'}, 35 {at: 0, expect: '100px 120px'}, 36 {at: 0.25, expect: '125px 140px'}, 37 {at: 0.5, expect: '150px 160px'}, 38 {at: 0.75, expect: '175px 180px'}, 39 {at: 1, expect: '200px'}, 40 {at: 1.25, expect: '225px 220px'}, 41 ]); 42 43 test_composition({ 44 property: 'border-bottom-left-radius', 45 underlying: '40px 60px', 46 addFrom: '60px 140px', 47 replaceTo: '200px 120px', 48 }, [ 49 {at: -0.25, expect: '75px 220px'}, 50 {at: 0, expect: '100px 200px'}, 51 {at: 0.25, expect: '125px 180px'}, 52 {at: 0.5, expect: '150px 160px'}, 53 {at: 0.75, expect: '175px 140px'}, 54 {at: 1, expect: '200px 120px'}, 55 {at: 1.25, expect: '225px 100px'}, 56 ]); 57 </script> 58 </body>