Click the logo to make it bigger and dare you to click it 3 times. Simple size settings and various styling options for impact.
Telex project here.
Prompt
Create an interactive WordPress block for logos that grow larger with each click and explode on the third click. In the editor, users upload an image via media library, configure growth settings, explosion effects, and styling options through the block sidebar. The block displays the uploaded image with visual indicators that it's clickable.
On the frontend, visitors click the logo three times in sequence. First click scales it 1.5x larger, second click scales to 2.5x, third click triggers an explosion animation with particles before resetting to original size. The cycle repeats infinitely.
Include controls for image settings, alt text, scale increments per click, explosion styles including burst, confetti, spin-out, and shatter effects. Add particle count, animation speed, and color options for explosions. Provide visual feedback with optional click counters, hover effects, and progress indicators.
Ensure keyboard accessibility with spacebar activation, screen reader announcements, and respect for reduced motion preferences. Use CSS transforms for smooth 60fps animations and cleanup particles after explosions. Make touch targets minimum 44px for mobile with optimized particle counts for performance.