Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(44)

Side by Side Diff: LayoutTests/animations/interpolation/webkit-box-shadow-interpolation.html

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
Patch Set: Created 7 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!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
2 <meta charset="UTF-8">
3 <style>
4 .target {
5 display: inline-block;
6 width: 60px;
7 height: 60px;
8 border: 2px solid;
9 margin-right: 20px;
10 margin-bottom: 30px;
11 }
12 .replica {
13 margin-right: 40px;
14 }
15 </style>
16 <body>
17 <script src="resources/interpolation-test.js"></script>
18 <script>
19 assertInterpolation({
20 property: '-webkit-box-shadow',
21 from: '15px 10px 5px 5px black',
22 to: '-15px -10px 25px -5px orange'
23 }, [
24 {at: -0.3, is: '24px 16px 0px 8px black'},
25 {at: 0, is: '15px 10px 5px 5px black'},
26 {at: 0.3, is: '6px 4px 11px 2px rgb(77, 50, 0)'},
27 {at: 0.6, is: '-3px -2px 17px -1px rgb(153, 99, 0)'},
28 {at: 1, is: '-15px -10px 25px -5px orange'},
29 {at: 1.5, is: '-30px -20px 35px -10px rgb(255, 248, 0)'},
30 ]);
31 </script>
32 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698