Member Avatar for gomickle

I am familiar with HTML and CSS but not professional. I want to know, if possible, how to make my text-replies (to some other website) animated...something simple like making the text moves right and left...

  • 3 Contributors
  • 2 Replies
  • 74 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

asked about simple left/right movement. Today the recommended approach is CSS animations (with optional tiny JavaScript for controls), not Flash—Flash reached end of life in 2020 and is unsupported by modern browsers (Adobe Flash Player end-of-life). Note that many forums sanitize posts (stripping scripts and styles), so live CSS/JS often cannot be injected; when that is the case an animated GIF or an uploaded animated SVG is a practical fallback.

A minimal CSS-only pattern for a back-and-forth (left/right) motion that is performant and respects user motion preferences:

<span class="ticker">This text moves left and right</span>

<style>
.ticker {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation: slide 3s ease-in-out infinite alternate;
}
@keyframes slide {
  from { transform: translateX(0); }
  to   { transform: translateX(120px); }
}
@media (prefers-reduced-motion: reduce) {
  .ticker { animation: none; }
}
</style>

Keep motion subtle (echoing ): moving content can annoy or cause accessibility issues. Always honor the prefers-reduced-motion media query, give users a way to pause/stop when possible, and prefer animating transform/opacity rather than left/top for smoother rendering (CSS animations, prefers-reduced-motion). For accessibility guidance see WCAG 2.1 (W3C WCAG21).

Recommended Answers

All 2 Replies

Member Avatar for Member #114696

Well, two approaches, which I would like to use:
1. JavaScript
2. Flash

Which onw would you??

Member Avatar for MidiMagic

Do people devilishly delight in driving other people crazy with moving objects????

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.