visibility-interpolation.html (1582B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>visibility interpolation</title> 4 <link rel="help" href="https://www.w3.org/TR/CSS2/visufx.html#visibility"> 5 <meta name="assert" content="visibility supports"> 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_interpolation({ 14 property: 'visibility', 15 from: 'visible', 16 to: 'visible' 17 }, [ 18 {at: -1, expect: 'visible'}, 19 {at: 0, expect: 'visible'}, 20 {at: 0.5, expect: 'visible'}, 21 {at: 1, expect: 'visible'}, 22 {at: 1.5, expect: 'visible'}, 23 ]); 24 25 test_interpolation({ 26 property: 'visibility', 27 from: 'visible', 28 to: 'hidden' 29 }, [ 30 {at: -1, expect: 'visible'}, 31 {at: 0, expect: 'visible'}, 32 {at: 0.1, expect: 'visible'}, 33 {at: 0.9, expect: 'visible'}, 34 {at: 1, expect: 'hidden'}, 35 {at: 1.5, expect: 'hidden'}, 36 ]); 37 38 test_interpolation({ 39 property: 'visibility', 40 from: 'hidden', 41 to: 'visible' 42 }, [ 43 {at: -1, expect: 'hidden'}, 44 {at: 0, expect: 'hidden'}, 45 {at: 0.1, expect: 'visible'}, 46 {at: 0.9, expect: 'visible'}, 47 {at: 1, expect: 'visible'}, 48 {at: 1.5, expect: 'visible'}, 49 ]); 50 51 test_interpolation({ 52 property: 'visibility', 53 from: 'collapse', 54 to: 'visible' 55 }, [ 56 {at: -1, expect: 'collapse'}, 57 {at: 0, expect: 'collapse'}, 58 {at: 0.1, expect: 'visible'}, 59 {at: 0.9, expect: 'visible'}, 60 {at: 1, expect: 'visible'}, 61 {at: 1.5, expect: 'visible'}, 62 ]); 63 64 test_no_interpolation({ 65 property: 'visibility', 66 from: 'collapse', 67 to: 'hidden' 68 }); 69 </script> 70 </body>