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

Side by Side Diff: ui/webui/resources/images/throbber_medium.svg

Issue 2693793002: Remove webkit prefixes for transform and perspective in ui/ styles (Closed)
Patch Set: Created 3 years, 10 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 | « ui/webui/resources/css/trash.css ('k') | ui/webui/resources/images/throbber_small.svg » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- This version of the throbber is good for size 28x28dp or more. --> 1 <!-- This version of the throbber is good for size 28x28dp or more. -->
2 <svg version="1" xmlns="http://www.w3.org/2000/svg" 2 <svg version="1" xmlns="http://www.w3.org/2000/svg"
3 xmlns:xlink="http://www.w3.org/1999/xlink" 3 xmlns:xlink="http://www.w3.org/1999/xlink"
4 viewBox="0 0 28 28"> 4 viewBox="0 0 28 28">
5 <!-- 28= RADIUS*2 + STROKEWIDTH --> 5 <!-- 28= RADIUS*2 + STROKEWIDTH -->
6 6
7 <title>Material design circular activity spinner with CSS3 animation</title> 7 <title>Material design circular activity spinner with CSS3 animation</title>
8 <style type="text/css"> 8 <style type="text/css">
9 /**************************/ 9 /**************************/
10 /* STYLES FOR THE SPINNER */ 10 /* STYLES FOR THE SPINNER */
(...skipping 19 matching lines...) Expand all
30 height:28px; /* 2*RADIUS + STROKEWIDTH */ 30 height:28px; /* 2*RADIUS + STROKEWIDTH */
31 } 31 }
32 .qp-circular-loader-path { 32 .qp-circular-loader-path {
33 stroke-dasharray: 58.9; /* 2*RADIUS*PI * ARCSIZE/360 */ 33 stroke-dasharray: 58.9; /* 2*RADIUS*PI * ARCSIZE/360 */
34 stroke-dashoffset: 58.9; /* 2*RADIUS*PI * ARCSIZE/360 */ 34 stroke-dashoffset: 58.9; /* 2*RADIUS*PI * ARCSIZE/360 */
35 /* hides things initially */ 35 /* hides things initially */
36 } 36 }
37 37
38 /* SVG elements seem to have a different default origin */ 38 /* SVG elements seem to have a different default origin */
39 .qp-circular-loader, .qp-circular-loader * { 39 .qp-circular-loader, .qp-circular-loader * {
40 -webkit-transform-origin: 50% 50%; 40 transform-origin: 50% 50%;
41 } 41 }
42 42
43 /* Rotating the whole thing */ 43 /* Rotating the whole thing */
44 @-webkit-keyframes rotate { 44 @-webkit-keyframes rotate {
45 from {transform: rotate(0deg);} 45 from {transform: rotate(0deg);}
46 to {transform: rotate(360deg);} 46 to {transform: rotate(360deg);}
47 } 47 }
48 .qp-circular-loader { 48 .qp-circular-loader {
49 -webkit-animation-name: rotate; 49 -webkit-animation-name: rotate;
50 -webkit-animation-duration: 1568.63ms; /* 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */ 50 -webkit-animation-duration: 1568.63ms; /* 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
98 <!-- 12.5= RADIUS --> 98 <!-- 12.5= RADIUS -->
99 <!-- 1.5= STROKEWIDTH/2 --> 99 <!-- 1.5= STROKEWIDTH/2 -->
100 <!-- ARCSIZE would affect the 1.5,14 part of this... 1.5,14 is specific to 100 <!-- ARCSIZE would affect the 1.5,14 part of this... 1.5,14 is specific to
101 270 degress --> 101 270 degress -->
102 <g class="qp-circular-loader"> 102 <g class="qp-circular-loader">
103 <path class="qp-circular-loader-path" fill="none" 103 <path class="qp-circular-loader-path" fill="none"
104 d="M 14,1.5 A 12.5,12.5 0 1 1 1.5,14" stroke-width="3" 104 d="M 14,1.5 A 12.5,12.5 0 1 1 1.5,14" stroke-width="3"
105 stroke-linecap="round"></path> 105 stroke-linecap="round"></path>
106 </g> 106 </g>
107 </svg> 107 </svg>
OLDNEW
« no previous file with comments | « ui/webui/resources/css/trash.css ('k') | ui/webui/resources/images/throbber_small.svg » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698