How to add a blinking animation to Label widget via CustomCSS
‎Aug 10, 2022
01:53 PM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Notify Moderator
‎Aug 10, 2022
01:53 PM
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
Solved! Go to Solution.
Labels:
- Labels:
-
Troubleshooting
- Tags:
- Customcss
ACCEPTED SOLUTION
Accepted Solutions
‎Aug 11, 2022
01:08 AM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Notify Moderator
‎Aug 11, 2022
01:08 AM
.bl {
animation: blinker 1.5s linear infinite;
color: red;
font-family: sans-serif;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
Try above code.
Lable classname "bl"
2 REPLIES 2
‎Aug 11, 2022
01:08 AM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Notify Moderator
‎Aug 11, 2022
01:08 AM
.bl {
animation: blinker 1.5s linear infinite;
color: red;
font-family: sans-serif;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
Try above code.
Lable classname "bl"
‎Aug 11, 2022
01:51 AM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Notify Moderator
‎Aug 11, 2022
01:51 AM
Thank you Sathishkumar for the quick response.