Skip to main content
R
RK_100250775-Regular Member
5-Regular Member
August 10, 2022
Solved

How to add a blinking animation to Label widget via CustomCSS

  • August 10, 2022
  • 1 reply
  • 1190 views

Hi,

 

CustomsCSS Code in the Article - CS332229 is not working in v9.3

#root_label-1 > .label-text.textsize-normal{ animation: blinkAnime 1s infinite alternate; }
@keyframes blinkAnime { 0%{ color: #000000 } 100%{ color: #ffffff } }

 

Thanks in advance ,

Rushikesh K

Best answer by Sathishkumar_C
 .bl {
 animation: blinker 1.5s linear infinite;
 color: red;
 font-family: sans-serif;
 }
 @keyframes blinker {
 50% {
 opacity: 0;
 }
 }

Try above code.

Lable classname "bl"

1 reply

S
17-Peridot
Sathishkumar_C17-PeridotAnswer
17-Peridot
August 11, 2022
 .bl {
 animation: blinker 1.5s linear infinite;
 color: red;
 font-family: sans-serif;
 }
 @keyframes blinker {
 50% {
 opacity: 0;
 }
 }

Try above code.

Lable classname "bl"

    R
    RK_100250775-Regular MemberAuthor
    5-Regular Member
    August 11, 2022

    Thank you Sathishkumar for the quick response.

    Terms & ConditionsCookie settingsAccessibility statement