feat: add color-blink animation

[vedant10304]

Description

This PR introduces a new animation called color-blink that changes the text color between red and yellow in a continuous loop. It's a lightweight effect useful for drawing attention to important text such as alerts, warnings, or promotional content.

Animation Details

@keyframes color-blink {
  0% { color: red; }
  50% { color: yellow; }
  100% { color: red; }
}

.color-blink {
  animation-name: color-blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

[vedant10304]

Hi maintainers 👋

I’ve added a new animation called color-blink that loops the text color between red and yellow. It’s intended to help draw attention to text in a subtle way. Please feel free to suggest any changes or improvements.

Looking forward to your feedback. Thank you! 🙌

[AzzaAzza69]

I would suggest these tweaks:

.color-blink{
  --color-1: red;
  --color-2: yellow;
  ...
}

@keyframes color-blink {
  0% { color: var(--color-1); }
  50% { color: var(--color-2); }
  100% { color: var(--color-1); }
}