Motion Design Ideas for Price Strike-Through Animations

A price strike-through animation works best when it does three things in under two seconds: show the old price clearly, cross it out with a motion that reads instantly, and reveal the new price with enough visual weight that it still makes sense on mute. The motion design ideas for price strike-through animations below are built around that sequence, not around decoration for its own sake. Get the sequence right first, then pick a style that fits your brand.

Why price strike-through animations need real motion design, not just a static graphic

A static crossed-out price works fine on a product page where someone can stare at it. In a 9:16 ad that someone is scrolling past in a feed, a static strike-through is easy to miss or misread as a typo. Motion gives you three advantages a static image can't: it draws the eye to the exact moment the discount happens, it lets you control the order in which someone reads the old price versus the new price, and it gives you a natural beat to sync with a voiceover, a sound effect, or a caption.

This matters most in the first few seconds of an ad, where the price is often doing the job of the hook. If someone can't tell at a glance that a price dropped, the strike-through animation hasn't done its job, no matter how polished it looks.

The anatomy of a price strike-through animation

Most effective price strike-through animations share the same four parts, even when the style on top looks completely different:

• The old price — shown clearly and held on screen long enough to register, usually a beat before anything else happens.
• The strike — the line, stamp, shatter, or other effect that visually cancels the old price. This should be the fastest-moving part of the sequence.
• The new price — revealed immediately after the strike, with enough size, color contrast, or motion punch that it clearly outranks the old price in visual priority.
• A supporting cue — a badge, label, color shift, or sound effect that reinforces "this is a discount" for anyone who might not parse the strike-through symbol alone.

Get the order right — old price, then strike, then new price — before you touch style. Reversing or rushing this order is the single biggest reason strike-through animations confuse viewers instead of converting them.

18 motion design ideas for price strike-through animations

Use this list as a menu, not a checklist. Pick one or two that match your brand tone, then build your timing around it rather than trying to combine all of them at once.

• Classic wipe-line — a single straight line draws across the old price left to right, fast and clean. Works for almost any brand tone.
• Hand-drawn marker strike — a slightly wobbly, marker-style line that feels more casual, good for DTC or lifestyle brands that want to feel less corporate.
• Double-line cross-out — two quick parallel strikes instead of one, which reads as more emphatic without needing extra color.
• Gravity drop — once struck, the old price visually loses weight and drops or fades off the bottom of the frame, clearing space for the new price.
• Strike-to-underline — the strike line doesn't disappear; it slides down and becomes the underline beneath the new price, connecting the two visually.
• Color-shift strike — the line itself changes color as it draws (for example red to the brand's accent color), subtly linking the strike to the offer's identity.
• Scale-punch reveal — the new price pops in slightly oversized then settles to its resting size, giving it a physical sense of impact.
• Shatter effect — the old price cracks into a few pieces and falls away instead of being struck by a line. More dramatic, best used sparingly.
• Whoosh-synced strike — the line's draw speed is timed exactly to a short sound effect, so the motion and audio land on the same frame.
• Odometer roll — the digits of the old price roll downward like a mechanical counter before landing on the new price, useful when the discount is a round or satisfying number.
• Stamp slam — a "SALE" or "NOW" stamp drops onto the frame at the same moment the strike completes, adding a second visual anchor.
• Swinging price tag — the price is shown on an illustrated tag that swings slightly before the strike lands, giving the whole sequence a bit of physical motion.
• Side-by-side slide — the old price sits on the left, gets struck, and the new price slides in from the right to sit beside it rather than replacing it.
• Strike-into-progress-bar — the strike line extends and morphs into a small progress bar or percentage indicator showing the discount size.
• Receipt tear — the old price appears on a mock receipt that visually tears away, revealing the new price underneath.
• Glow-line strike — the strike line carries a soft glow or light trail, good for beauty, tech, or night-life offers that want a premium feel.
• Strike-plus-badge combo — the strike happens at the same time a small badge ("30% OFF", "TODAY ONLY") animates in next to the new price.
• Confetti-timed reveal — a small confetti burst fires the instant the new price lands, best for bigger discounts or limited-time drops where you want a celebratory tone.

If your offer is built around a specific percentage rather than a flat price drop, it's worth pairing a strike-through with dedicated percentage discount animations so the badge and the strike reinforce the same number instead of competing for attention.

Timing and sequencing that actually reads on mute

As a starting point to test, hold the old price on screen for about half a second to a full second before anything happens — long enough that it registers as a real price, not a flicker. The strike itself should be quick, roughly a third of a second to half a second, so it feels decisive rather than slow. The new price should land immediately after and stay on screen for at least a second or two, since this is usually the number you want remembered.

Captions matter as much as the animation. Word-by-word captions that say something like "was $48, now $29" give viewers watching on mute a second route to understand the offer, in case the visual strike-through alone doesn't land. Treat the caption and the animation as two parallel explanations of the same moment, not as decoration on top of the real message.

Common mistakes with price strike-through animations

Matching the strike-through style to your offer type

Not every strike-through should look the same. A flash sale on a low-cost impulse item can carry a stamp slam or confetti-timed reveal without feeling out of place. A premium skincare or tech brand running a modest, ongoing discount usually looks more credible with a quiet glow-line strike and a clean font than with anything that resembles a clearance bin. If your offer also includes a deadline, it's worth pairing the strike-through with countdown clock animations so the urgency and the price drop reinforce each other instead of fighting for the same few seconds of attention.

For bigger seasonal drops where the whole ad is built around the sale, a confetti-timed reveal borrowed from confetti celebration animations can be layered in at the exact frame the new price lands, giving the moment a bit more weight without turning the whole ad into a party.

How FrameNotion builds price strike-through animations automatically

Designing a price strike-through animation by hand means choosing the line style, timing the strike to a sound effect, resizing the old and new price so the hierarchy is obvious, and then writing captions that match. FrameNotion AI handles this sequence as part of writing the full 30-second ad: paste in a product link, and it reads the page, pulls the pricing and offer details, and builds the hook, problem, benefit, proof, offer and call to action around it, including the price moment, in about 10 to 20 minutes.

If there's a specific promo code or discount you want reflected, you can add it as a note when you create the ad, along with your logo and up to six product images. Every ad ships as a 1080×1920 MP4 with word-by-word captions, an AI voiceover in your choice of language, and a music track or sound effects cut to the beat — so the strike-through still communicates the offer even when it's watched with the sound off. You can see what the finished pacing looks like on the examples page, and the pricing page covers plans starting with one free ad for new accounts.

Final gut check before you ship it

Before publishing, watch your price strike-through animation at thumbnail size with the sound off. If you can tell, within the first second or two, which number is the real price now, the animation is doing its job. If you have to pause and squint, simplify it: fewer effects, bigger size difference between old and new price, and a caption that says the discount in plain words.