Hover-Blur Reveal — Before-And-After Lesson Variant

What it does

• Hover-driven blur reveal — the before sharpens into the after under the learner's pointer
• Side-by-side context — supporting copy frames what the learner is looking at and what changed
• Technique callouts — short notes that name the specific moves that produced the lift
• Multiple before/after pairs — the lesson can run several reveals across one page
• Closing summary — a recap of the techniques shown
• Responsive lesson layout — falls back to a tap interaction on touchscreens

Best use cases

• Culinary — plating, knife work, presentation moments
• Design — UI redesigns, logo cleanups, branding refreshes
• Photography — raw versus edited, retouching demos
• Fitness and posture — form corrections shown side by side
• Makeup and beauty — application technique reveals
• Home renovation — staging or refurbishment before-and-afters

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — slots for page background, image surround, technique callout, headline text, and body text.
• Fonts — two roles: a confident display face for technique names and a clean body face for descriptions.
• Copy — opener, technique callouts, before/after labels, closing summary.
• Images — swap the before/after pairs for your own subject — food, design work, photography, fitness, makeup, anything visual.
• Behavior — control how the reveal triggers (hover, tap, click) and how many pairs appear.