Merge pull request #2865 from chntllh/Battery-animations
Using steps() in animation to reduce cpu usage.
This commit is contained in:
		
						commit
						7caf0b9ec4
					
				| 
						 | 
					@ -128,12 +128,13 @@ button:hover {
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Using steps() instead of linear as a timing function to limit cpu usage */
 | 
				
			||||||
#battery.critical:not(.charging) {
 | 
					#battery.critical:not(.charging) {
 | 
				
			||||||
    background-color: #f53c3c;
 | 
					    background-color: #f53c3c;
 | 
				
			||||||
    color: #ffffff;
 | 
					    color: #ffffff;
 | 
				
			||||||
    animation-name: blink;
 | 
					    animation-name: blink;
 | 
				
			||||||
    animation-duration: 0.5s;
 | 
					    animation-duration: 0.5s;
 | 
				
			||||||
    animation-timing-function: linear;
 | 
					    animation-timing-function: steps(12);
 | 
				
			||||||
    animation-iteration-count: infinite;
 | 
					    animation-iteration-count: infinite;
 | 
				
			||||||
    animation-direction: alternate;
 | 
					    animation-direction: alternate;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue