Using steps() in animation

pull/2865/head
Siddhartha Singh 2024-01-25 14:00:21 +05:30
parent 0948a407d0
commit 7e76369ec8
1 changed files with 2 additions and 1 deletions

View File

@ -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;
} }