Resolve one short headline from random glyphs — a techy decode reveal. One short line only; keep it fast. The resolved text is the real, accessible content; under prefers-reduced-motion it appears instantly with no scramble. Avoid on body copy and calm/luxury tones.
The English summary is being prepared. Showing the original description.
See how to installReview the instructions the agent will receive before you install.
A line of text that resolves from random glyphs. Part of
motion-anything; obeys MOTION-SPEC.md. Technique
popularized by Codrops, reimplemented dependency-free.
text-scramble.js into the project and link it.<span class="scramble" data-text="motion, anything"></span>
data-text on load. To change the phrase later: scrambleTo(el, "next phrase").prefers-reduced-motion the final text appears instantly (no scramble). The resolved
data-text is always the real content.scrambleTo(ref.current, text) on mount / when the phrase changes.No reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
Back In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
The English summary is being prepared. Showing the original description.
Back In Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
The English summary is being prepared. Showing the original description.
Back In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
The English summary is being prepared. Showing the original description.
Back In Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
The English summary is being prepared. Showing the original description.
Back Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
The English summary is being prepared. Showing the original description.
Back Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
The English summary is being prepared. Showing the original description.