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

Side by Side Diff: third_party/WebKit/LayoutTests/animations/interpolation/text-shadow-interpolation.html

Issue 1379263002: Don't use pairwise keyframe interpolation at fractions 0 and 1. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@_listInterpolationFunctions
Patch Set: Created 5 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
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <meta charset="UTF-8"> 2 <meta charset="UTF-8">
3 <style> 3 <style>
4 .parent { 4 .parent {
5 text-shadow: 30px 10px 30px orange; 5 text-shadow: 30px 10px 30px orange;
6 } 6 }
7 .target { 7 .target {
8 display: inline-block; 8 display: inline-block;
9 font-size: 60pt; 9 font-size: 60pt;
10 margin-right: 20px; 10 margin-right: 20px;
(...skipping 21 matching lines...) Expand all
32 {at: 1, is: 'rgb(0, 128, 0) 20px 20px 20px'}, 32 {at: 1, is: 'rgb(0, 128, 0) 20px 20px 20px'},
33 {at: 1.5, is: 'rgb(0, 110, 0) 25px 15px 25px'}, 33 {at: 1.5, is: 'rgb(0, 110, 0) 25px 15px 25px'},
34 ]); 34 ]);
35 35
36 assertInterpolation({ 36 assertInterpolation({
37 property: 'text-shadow', 37 property: 'text-shadow',
38 from: 'initial', 38 from: 'initial',
39 to: '20px 20px 20px green', 39 to: '20px 20px 20px green',
40 }, [ 40 }, [
41 {at: -0.3, is: 'rgba(0, 0, 0, 0) -6px -6px 0px'}, 41 {at: -0.3, is: 'rgba(0, 0, 0, 0) -6px -6px 0px'},
42 {at: 0, is: 'rgba(0, 0, 0, 0) 0px 0px 0px'}, 42 {at: 0, is: 'none'},
43 {at: 0.3, is: 'rgba(0, 128, 0, 0.3) 6px 6px 6px'}, 43 {at: 0.3, is: 'rgba(0, 128, 0, 0.3) 6px 6px 6px'},
44 {at: 0.6, is: 'rgba(0, 128, 0, 0.6) 12px 12px 12px'}, 44 {at: 0.6, is: 'rgba(0, 128, 0, 0.6) 12px 12px 12px'},
45 {at: 1, is: 'rgb(0, 128, 0) 20px 20px 20px'}, 45 {at: 1, is: 'rgb(0, 128, 0) 20px 20px 20px'},
46 {at: 1.5, is: 'rgb(0, 192, 0) 30px 30px 30px'}, 46 {at: 1.5, is: 'rgb(0, 192, 0) 30px 30px 30px'},
47 ]); 47 ]);
48 48
49 assertInterpolation({ 49 assertInterpolation({
50 property: 'text-shadow', 50 property: 'text-shadow',
51 from: 'inherit', 51 from: 'inherit',
52 to: '20px 20px 20px green', 52 to: '20px 20px 20px green',
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after
92 }, [ 92 }, [
93 {at: -0.3, is: '10px 10px 10px black'}, 93 {at: -0.3, is: '10px 10px 10px black'},
94 {at: 0, is: '10px 10px 10px black'}, 94 {at: 0, is: '10px 10px 10px black'},
95 {at: 0.3, is: '10px 10px 10px rgb(0, 38, 0)'}, 95 {at: 0.3, is: '10px 10px 10px rgb(0, 38, 0)'},
96 {at: 0.6, is: '10px 10px 10px rgb(0, 77, 0)'}, 96 {at: 0.6, is: '10px 10px 10px rgb(0, 77, 0)'},
97 {at: 1, is: '10px 10px 10px green'}, 97 {at: 1, is: '10px 10px 10px green'},
98 {at: 1.5, is: '10px 10px 10px rgb(0, 192, 0)'}, 98 {at: 1.5, is: '10px 10px 10px rgb(0, 192, 0)'},
99 ]); 99 ]);
100 </script> 100 </script>
101 </body> 101 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698