tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

border-image-source-interpolation.html (1874B)

      1 <!DOCTYPE html>
      2 <meta charset="UTF-8">
      3 <title>border-image-source interpolation</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-source">
      5 <meta name="assert" content="border-image-source has discrete animation">
      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 <style>
     12 .parent {
     13  border-image-source: url(../support/green.png);
     14 }
     15 .target {
     16  width: 50px;
     17  height: 50px;
     18  background-color: black;
     19  display: inline-block;
     20  border: 5px solid aqua;
     21  border-image-source: url(../support/blue_color.png);
     22  border-image-slice: 10%;
     23 }
     24 .expected {
     25  background-color: green;
     26  margin-right: 2px;
     27 }
     28 </style>
     29 
     30 <body></body>
     31 
     32 <script>
     33 // initial
     34 test_no_interpolation({
     35  property: 'border-image-source',
     36  from: 'initial',
     37  to: 'url(../support/orange_color.png)',
     38 });
     39 
     40 // inherit
     41 test_no_interpolation({
     42  property: 'border-image-source',
     43  from: 'inherit',
     44  to: 'url(../support/orange_color.png)',
     45 });
     46 
     47 // unset
     48 test_no_interpolation({
     49  property: 'border-image-source',
     50  from: 'unset',
     51  to: 'url(../support/orange_color.png)',
     52 });
     53 
     54 // None to image
     55 test_no_interpolation({
     56  property: 'border-image-source',
     57  from: 'none',
     58  to: 'url(../support/orange_color.png)',
     59 });
     60 
     61 // Image to image
     62 test_no_interpolation({
     63  property: 'border-image-source',
     64  from: 'url(../support/aqua_color.png)',
     65  to: 'url(../support/orange_color.png)',
     66 });
     67 
     68 // Image to gradient
     69 test_no_interpolation({
     70  property: 'border-image-source',
     71  from: 'url(../support/aqua_color.png)',
     72  to: 'linear-gradient(45deg, blue, orange)',
     73 });
     74 
     75 // Gradient to gradient
     76 test_no_interpolation({
     77  property: 'border-image-source',
     78  from: 'linear-gradient(-45deg, red, yellow)',
     79  to: 'linear-gradient(45deg, blue, orange)',
     80 });
     81 </script>
     82 </body>