how to make a text blink ? ASP NET CORE

I need to make text and background blink . How can i do this ? 

I'm using syncfusion dashboard layout aspnet core .





1 Reply 1 reply marked as answer

LD LeoLavanya Dhanaraj Syncfusion Team August 17, 2022 12:55 PM UTC

Hi Jose,


Greetings from Syncfusion support.


Based on your requirement, we have prepared a Dashboard Layout sample in ASP.NET Core platform. With the help of CSS selectors, you can override the styles for the corresponding items. Here, we have used the animation and background-color CSS property to blink the background of the panel header in the Dashboard Layout component.


Check the below mentioned code snippets for your reference..


[Index.razor]

<style>

    @@keyframes blinking {

        0% {

            background-color: #ff3d50;

        }

        100% {

            background-color: #222291;

        }

    }

    .e-panel-header {

        animation: blinking 1s infinite;

    }

</style>


Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/DashboardHeaderBlink1919098289.zip


Refer to the below blog for more details.


https://code-boxx.com/css-blinking-animation/

https://www.geeksforgeeks.org/how-to-create-blinking-text-using-css/

https://stackoverflow.com/questions/34439452/blinking-background-color-animation


Please check the attached sample and get back to us if you need any further assistance.


Note: If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.


Regards,

Leo Lavanya Dhanaraj


Marked as answer
Loader.
Up arrow icon