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

Side by Side Diff: third_party/WebKit/LayoutTests/animations/interpolation/border-width-interpolation.html

Issue 1412103005: Make sure line widths in the range of 0px and 1px are rounded up to 1px for visibility. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 1 month 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 border-width: 30px; 5 border-width: 30px;
6 } 6 }
7 .target { 7 .target {
8 width: 50px; 8 width: 50px;
9 height: 50px; 9 height: 50px;
10 background-color: black; 10 background-color: black;
(...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after
98 {at: 1, is: '15px'}, 98 {at: 1, is: '15px'},
99 {at: 1.5, is: '20px'} 99 {at: 1.5, is: '20px'}
100 ]); 100 ]);
101 101
102 assertInterpolation({ 102 assertInterpolation({
103 property: 'border-left-width', 103 property: 'border-left-width',
104 from: 'medium', 104 from: 'medium',
105 to: '13px' 105 to: '13px'
106 }, [ 106 }, [
107 {at: -2, is: '0px'}, // CSS border-left-width can't be negative. 107 {at: -2, is: '0px'}, // CSS border-left-width can't be negative.
108 {at: -0.3, is: '0px'}, 108 {at: -0.25, is: '1px'},
109 {at: 0, is: '3px'}, 109 {at: 0, is: '3px'},
110 {at: 0.3, is: '6px'}, 110 {at: 0.3, is: '6px'},
111 {at: 0.6, is: '9px'}, 111 {at: 0.6, is: '9px'},
112 {at: 1, is: '13px'}, 112 {at: 1, is: '13px'},
113 {at: 1.5, is: '18px'} 113 {at: 1.5, is: '18px'}
114 ]); 114 ]);
115 115
116 assertInterpolation({ 116 assertInterpolation({
117 property: 'border-right-width', 117 property: 'border-right-width',
118 from: 'thin', 118 from: 'thin',
(...skipping 16 matching lines...) Expand all
135 {at: -2, is: '35px'}, 135 {at: -2, is: '35px'},
136 {at: -0.3, is: '18px'}, 136 {at: -0.3, is: '18px'},
137 {at: 0, is: '15px'}, 137 {at: 0, is: '15px'},
138 {at: 0.3, is: '12px'}, 138 {at: 0.3, is: '12px'},
139 {at: 0.6, is: '9px'}, 139 {at: 0.6, is: '9px'},
140 {at: 1, is: '5px'}, 140 {at: 1, is: '5px'},
141 {at: 1.5, is: '0px'} 141 {at: 1.5, is: '0px'}
142 ]); 142 ]);
143 </script> 143 </script>
144 </body> 144 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698