Chromium Code Reviews Chromium Code Reviews
Issue 38823002:
Web Animations CSS: Support animation of {text,box,-webkit-box}-shadow and fix blur clamping (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink@master| Index: LayoutTests/animations/interpolation/webkit-box-shadow-interpolation.html |
| diff --git a/LayoutTests/animations/interpolation/webkit-box-shadow-interpolation.html b/LayoutTests/animations/interpolation/webkit-box-shadow-interpolation.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..6f78d7dbb3a5c5d52580e89e2f2c6c84285fc7b1 |
| --- /dev/null |
| +++ b/LayoutTests/animations/interpolation/webkit-box-shadow-interpolation.html |
| @@ -0,0 +1,32 @@ |
| +<!DOCTYPE html> |
|
mithro-old
2013/10/24 01:04:16
How are webkit-box-shadow and box-shadow different
Timothy Loh
2013/10/24 03:04:54
They basically aren't, they behave exactly the sam
|
| +<meta charset="UTF-8"> |
| +<style> |
| +.target { |
| + display: inline-block; |
| + width: 60px; |
| + height: 60px; |
| + border: 2px solid; |
| + margin-right: 20px; |
| + margin-bottom: 30px; |
| +} |
| +.replica { |
| + margin-right: 40px; |
| +} |
| +</style> |
| +<body> |
| +<script src="resources/interpolation-test.js"></script> |
| +<script> |
| +assertInterpolation({ |
| + property: '-webkit-box-shadow', |
| + from: '15px 10px 5px 5px black', |
| + to: '-15px -10px 25px -5px orange' |
| +}, [ |
| + {at: -0.3, is: '24px 16px 0px 8px black'}, |
| + {at: 0, is: '15px 10px 5px 5px black'}, |
| + {at: 0.3, is: '6px 4px 11px 2px rgb(77, 50, 0)'}, |
| + {at: 0.6, is: '-3px -2px 17px -1px rgb(153, 99, 0)'}, |
| + {at: 1, is: '-15px -10px 25px -5px orange'}, |
| + {at: 1.5, is: '-30px -20px 35px -10px rgb(255, 248, 0)'}, |
| +]); |
| +</script> |
| +</body> |
