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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/animations/animation-direction-reverse-fill-mode-hardware.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Remove duplicate transform Created 6 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
« LayoutTests/animations/3d/transform-origin-vs-functions.html ('K') | « LayoutTests/animations/animation-direction-normal-expected.html ('k') | LayoutTests/animations/animation-direction-reverse-hardware.html » ('j') | LayoutTests/fast/layers/scroll-with-transform-composited-layer.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!doctype html> 1 <!doctype html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <title>Test simple fill mode on transform</title> 4 <title>Test simple fill mode on transform</title>
5 <style> 5 <style>
6 .box { 6 .box {
7 position: relative; 7 position: relative;
8 left: 10px; 8 left: 10px;
9 top: 10px; 9 top: 10px;
10 height: 100px; 10 height: 100px;
11 width: 100px; 11 width: 100px;
12 -webkit-transform: translate3d(100px, 0, 0); 12 transform: translate3d(100px, 0, 0);
13 -webkit-animation-delay: 0.1s; 13 -webkit-animation-delay: 0.1s;
14 -webkit-animation-duration: 0.1s; 14 -webkit-animation-duration: 0.1s;
15 -webkit-animation-timing-function: linear; 15 -webkit-animation-timing-function: linear;
16 -webkit-animation-name: anim; 16 -webkit-animation-name: anim;
17 } 17 }
18 @-webkit-keyframes anim { 18 @-webkit-keyframes anim {
19 from { -webkit-transform: translate3d(200px, 0, 0); } 19 from { transform: translate3d(200px, 0, 0); }
20 to { -webkit-transform: translate3d(300px, 0, 0); } 20 to { transform: translate3d(300px, 0, 0); }
21 } 21 }
22 #a { 22 #a {
23 background-color: #f99; 23 background-color: #f99;
24 -webkit-animation-fill-mode: both; 24 -webkit-animation-fill-mode: both;
25 -webkit-animation-iteration-count: 2; 25 -webkit-animation-iteration-count: 2;
26 -webkit-animation-direction: reverse; 26 -webkit-animation-direction: reverse;
27 } 27 }
28 #b { 28 #b {
29 background-color: #999; 29 background-color: #999;
30 -webkit-animation-fill-mode: both; 30 -webkit-animation-fill-mode: both;
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after
94 <div id="a" class="box"> 94 <div id="a" class="box">
95 Both Iterate - Reverse 95 Both Iterate - Reverse
96 </div> 96 </div>
97 <div id="b" class="box"> 97 <div id="b" class="box">
98 Both Iterate - Alternate Reverse 98 Both Iterate - Alternate Reverse
99 </div> 99 </div>
100 <div id="result"> 100 <div id="result">
101 </div> 101 </div>
102 </body> 102 </body>
103 </html> 103 </html>
OLDNEW
« LayoutTests/animations/3d/transform-origin-vs-functions.html ('K') | « LayoutTests/animations/animation-direction-normal-expected.html ('k') | LayoutTests/animations/animation-direction-reverse-hardware.html » ('j') | LayoutTests/fast/layers/scroll-with-transform-composited-layer.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698