Menu DaniWeb
Log In Sign Up
  • Read
  • Contribute
  • Meet
  1. Forums
  2. Digital Media
  3. UI / UX Design
  4. Code Snippet Repository
  5. Reusable Code Snippet

Blink Eyery thing

21 Years Ago iamrashid 0 Tallied Votes 262 Views Share

Easiest way to blink any thing

user-interface web-design
<note>You can insert any thing to blink for example web link or Image but make sure to 
set the width and height according to your object<br>
<marquee behavior=slide scrollamount=2000 loop=20000  width="500" height=30>
"Put Here any thing you want to blink" <a href="mailto:rashid35m@yahoo.com">rashid35m@yahoo.com</a>
</marquee>
About the Author
Member Avatar for iamrashid
iamrashid 2 Newbie Poster

student

Dani AI

Generated 9 Months Ago

's quick <marquee> trick is a classic, but it's an outdated approach: both <marquee> and the old <blink>/string blink() are non‑standard, deprecated, and behave inconsistently across browsers. Modern practice is to use CSS animations (or the Web Animations API) so effects are controllable, testable, and can respect user preferences. (developer.mozilla.org)

A small, accessible CSS blink you can drop onto a link or span — change 1s to speed up/slow down (answers ):

.blink { animation: blink 1s steps(1,end) infinite; display:inline-block; }
@keyframes blink { 0%{opacity:1} 50%{opacity:0} 100%{opacity:1} }

/* Respect user reduce‑motion preference */
@media (prefers-reduced-motion: reduce) { .blink { animation: none; } }

Use class="blink" on the element you want to flash. Control tempo with animation-duration and timing with animation-timing-function. (developer.mozilla.org)

If you want a scrolling (marquee-like) effect — instead of <marquee> — use a transform animation (this is smoother and cross‑browser). If you must keep <marquee>, note attributes like scrollamount/scrolldelay are deprecated and not reliable (scrolldelay values under 60ms are ignored unless truespeed is used), and support varies by browser (which explains 's Firefox report). Prefer the CSS approach for predictability. (developer.mozilla.org)

Troubleshooting notes: , your broken link likely came from nested/escaped quotes or a missing/incorrect closing tag — ensure the href attribute contains only the URL and the clickable text sits between the opening and closing <a> tags. Also remember flashing can cause harm (photosensitive seizures); avoid fast flashes and honor prefers-reduced-motion and WCAG limits (no more than three flashes per second). (developer.mozilla.org)

Member Avatar for Blade10878
Blade10878 0 Junior Poster in Training
21 Years Ago

is there a way to set the tempo of the blink? like have it blink faster or slower?

Member Avatar for psrinfo
psrinfo 0 Newbie Poster
18 Years Ago

Ok, this is exactly what I was looking for yesterday, but it's not working for me. I tried following the instructions, here is what I put:

<marquee scrollamount="2000" behavior="slide" loop="20000" width="500" height="30">Deal of the Day <a href=""></marquee>

All I got was this:

Deal of the Day

I don't want the URL to show, just link to the words so when it's clicked it redirects there, and it didnt blink, which is what I wanted the words "Deal of the Day" to do.

What did I do wrong? How can I fix it?

Thanks.

Member Avatar for Jugortha
Jugortha -1 Junior Poster
18 Years Ago

It dosn't work within Mozilla firefox browser

Member Avatar for abhikalyan
abhikalyan 0 Newbie Poster
18 Years Ago

psrinfo
<marquee scrollamount="5" behavior="slide" loop="20000" width="500" height="30">Deal of the Day <a href=""></a></marquee>
it should now be okay, the marquee was not complete

Member Avatar for coolhunk2000
coolhunk2000 0 Newbie Poster
18 Years Ago

hii dear
if i want to blink these ( PRAVIN PRINTING PRESS ) i have tried it but it was not working please help me out in these

Reply to this topic
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.

Sign Up — It's Free!
Recommended Topics
  • Member Avatar Expanding Iframes/divs background 5
  • Member Avatar mailto problem with flash 1
  • Member Avatar Photoshop doing my nut!!! 2
  • Member Avatar Photoshop: create a tabbed navigation bar 0
  • Member Avatar CSS into spring 3
  • Member Avatar help re IE displays photos on site HUGE 2
  • Member Avatar question about HTML 7
  • Member Avatar Single lined code for blinking any thing 3
  • Member Avatar “What Are the Key Factors to Look for in a Digital Marketing Agency?” 4
  • Member Avatar How to Cut Costs With a Virtual Assistant 1
  • Member Avatar PayPal IPN for Digital Goods 35
  • Member Avatar Which One To Opt For? UI or UX -You’re Asking the Wrong Question! 0
  • Member Avatar Bad CSS only for Firefox & Internet Explorer. 1
  • Member Avatar Safari date input 4
  • Member Avatar how to make border around page with multicolor ? 2
  • Member Avatar Positioning Switch on Validate Error 1
  • Member Avatar Mobile version of site is shifting DIV downward. Any fix? 1
  • Member Avatar CSS ERROR? 3
  • Member Avatar Browers show code instead of the page itself 3
  • Member Avatar Image behind text 4
Not what you need?

Reach out to all the awesome people in our ui / ux design community by starting your own topic. We equally welcome both specific questions as well as open-ended discussions.

Start New Topic
Topics Feed
Reply to this Topic
Edit Preview

Share Post

Insert Code Block

  • Forums
  • Forum Index
  • Hardware & Software
  • Programming
  • Digital Media
  • Community Center
  • Recent
  • Recommended Topics
  • Newest Topics
  • Latest Topics
  • Latest Posts
  • Latest Comments
  • Top Tags
  • Tools
  • Writing
    • Start New Topic
    • Markdown Syntax
    • Newsletter Archive
  • Social
    • Top Members
    • Meet People
  • APIs
    • Connect API
    • Forum API Docs
    • Topics Feed
  • Resources
  • Community Rules
  • DaniWeb Premium
  • FAQ
  • About Us
  • Advertise
  • Contact Us
  • Legal
  • Terms of Service
  • Privacy Policy
© 2026 DaniWeb® LLC
© 2026 DaniWeb® LLC
  • FAQ
  • About Us
  • Advertise
  • Contact Us
  • Terms of Service
  • Privacy Policy