Member Avatar for safeer008

Hi
I want my link to blink. I am using this code

 <a href="#" style=" text-decoration:blink;">Click Here</a>

but it is not working.

  • 3 Contributors
  • 2 Replies
  • 120 Views
  • 2 Hours Discussion Span
  • Latest Post Latest Post by pixelsoul

Dani AI

Generated

A quick clarification and practical fix for : the inline text-decoration: blink approach is obsolete and not supported in modern browsers. As suggested, use a CSS animation; as noted, a JS fallback is possible, but prefer CSS-first with accessibility safeguards.

A simple, widely compatible pattern (CSS + HTML):

a.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% { opacity: 0; }
}

Apply with class="blink" on the anchor. To respect users who prefer reduced motion, add:

@media (prefers-reduced-motion: reduce) {
  .blink { animation: none; }
}

Accessibility and compatibility notes: blinking/flashing content can trigger seizures and fails WCAG when it flashes above certain thresholds; avoid rapid flashes and prefer slower, subtle effects. See the WCAG guidance on flashing content: . CSS animations are well supported in current browsers; compatibility details are on Can I use — CSS animation. Implementation details for the animation rule are on MDN: @keyframes and prefers-reduced-motion.

Troubleshooting tips: if the effect doesn’t appear, check computed styles in DevTools to confirm the animation property is applied and not overridden; verify prefers-reduced-motion is not active on the test machine; for very old browsers consider a small JS fallback that toggles a class. Prefer subtle emphasis (color/outline/pulse) over hard blinking for readability and accessibility.

Recommended Answers

All 2 Replies

Member Avatar for pritaeas

it is not working.

It doesn't work on IE, not sure about other browsers, so you'll need to switch to CSS3 animations for example.

Member Avatar for pixelsoul

To add to pritaeas suggestion, use CSS3 for the blink animation, and then maybe use a fallback to jQuery/JavaScript. Here is an example for doing it with jQuery http://jsfiddle.net/Sk8erPeter/Yca4Z/

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.