cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

How to add a blinking animation to Label widget via CustomCSS

RK_10025077
4-Participant

How to add a blinking animation to Label widget via CustomCSS

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

1 ACCEPTED SOLUTION

Accepted Solutions

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

Try above code.

Lable classname "bl"

View solution in original post

2 REPLIES 2

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

Try above code.

Lable classname "bl"

Thank you Sathishkumar for the quick response.

Announcements