mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
web animation updates
This commit is contained in:
32
scripts/vendor/web-animations-js/test/blink/interpolation/min-width-interpolation.html
vendored
Executable file
32
scripts/vendor/web-animations-js/test/blink/interpolation/min-width-interpolation.html
vendored
Executable file
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
.target {
|
||||
width: 0px;
|
||||
height: 100px;
|
||||
background-color: black;
|
||||
display: inline-block;
|
||||
}
|
||||
.replica {
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<script src="../testharness/testharness.js"></script>
|
||||
<script src="../testharness/testharnessreport.js"></script>
|
||||
<script src="resources/interpolation-test.js"></script>
|
||||
<script>
|
||||
assertInterpolation({
|
||||
property: 'min-width',
|
||||
from: '0px',
|
||||
to: '100px'
|
||||
}, [
|
||||
{at: -0.5, is: '0'}, // CSS min-width can't be negative.
|
||||
{at: 0, is: '0'},
|
||||
{at: 0.3, is: '30px'},
|
||||
{at: 0.6, is: '60px'},
|
||||
{at: 1, is: '100px'},
|
||||
{at: 1.5, is: '150px'}
|
||||
]);
|
||||
</script>
|
||||
</body>
|
Reference in New Issue
Block a user