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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/compositing/animation/busy-indicator.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: 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
« no previous file with comments | « LayoutTests/compositing/animation/animation-compositing.html ('k') | LayoutTests/compositing/animation/computed-style-during-delay.html » ('j') | no next file with comments »
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>Busy!</title> 4 <title>Busy!</title>
5 <style type="text/css" media="screen"> 5 <style type="text/css" media="screen">
6 .app-startup #app-loading { 6 .app-startup #app-loading {
7 width: 300px; 7 width: 300px;
8 height: 100px; 8 height: 100px;
9 position: absolute; 9 position: absolute;
10 background: #00FF00; 10 background: #00FF00;
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
46 } 46 }
47 .progress-indicator.visible .progress-indicator4 { 47 .progress-indicator.visible .progress-indicator4 {
48 left: 76px; 48 left: 76px;
49 -webkit-animation-delay: 2s; 49 -webkit-animation-delay: 2s;
50 } 50 }
51 .progress-indicator.visible { display: block; } 51 .progress-indicator.visible { display: block; }
52 .progress-indicator.visible > div { -webkit-animation-play-state: r unning; } 52 .progress-indicator.visible > div { -webkit-animation-play-state: r unning; }
53 53
54 @-webkit-keyframes spinner { 54 @-webkit-keyframes spinner {
55 0% { 55 0% {
56 -webkit-transform: scale(0.7); 56 transform: scale(0.7);
57 opacity: 1; 57 opacity: 1;
58 } 58 }
59 10% { 59 10% {
60 -webkit-transform: scale(1); 60 transform: scale(1);
61 opacity: 1; 61 opacity: 1;
62 } 62 }
63 25% { 63 25% {
64 -webkit-transform: scale(0.7); 64 transform: scale(0.7);
65 opacity: 1; 65 opacity: 1;
66 } 66 }
67 30% { 67 30% {
68 -webkit-transform: scale(0.7); 68 transform: scale(0.7);
69 opacity: 0; 69 opacity: 0;
70 } 70 }
71 100% { 71 100% {
72 -webkit-transform: scale(0.7); 72 transform: scale(0.7);
73 opacity: 0; 73 opacity: 0;
74 } 74 }
75 } 75 }
76 .progress-indicator.visible > div { 76 .progress-indicator.visible > div {
77 -webkit-animation-name: spinner; 77 -webkit-animation-name: spinner;
78 } 78 }
79 </style> 79 </style>
80 <script type="text/javascript" charset="utf-8"> 80 <script type="text/javascript" charset="utf-8">
81 function testEnded() 81 function testEnded()
82 { 82 {
(...skipping 18 matching lines...) Expand all
101 <div id="app-loading-progress" class="progress-indicator visible"> 101 <div id="app-loading-progress" class="progress-indicator visible">
102 <div class="progress-indicator0"></div> 102 <div class="progress-indicator0"></div>
103 <div class="progress-indicator1"></div> 103 <div class="progress-indicator1"></div>
104 <div class="progress-indicator2"></div> 104 <div class="progress-indicator2"></div>
105 <div class="progress-indicator3"></div> 105 <div class="progress-indicator3"></div>
106 <div class="progress-indicator4"></div> 106 <div class="progress-indicator4"></div>
107 </div> 107 </div>
108 </div> 108 </div>
109 </body> 109 </body>
110 </html> 110 </html>
OLDNEW
« no previous file with comments | « LayoutTests/compositing/animation/animation-compositing.html ('k') | LayoutTests/compositing/animation/computed-style-during-delay.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698