WP Hover Animations Everywhere!
by Andrew Cook · github.com/awcook97/wp-hover-animations-everywhere · website
★ 0stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/awcook97/wp-hover-animations-everywhere/archive/refs/heads/main.zipWP Hover Animations Everywhere! adds block-level hover animation controls to the WordPress block editor without relying on layout-shifting effects.
Highlights
- Motion effects built around
transformandopacity - Surface effects that stick to
box-shadow,outline, andfilter - Color transitions for text, background, and borders
- Combinable settings for motion, surface, color, intensity, duration, easing, delay, and transform origin
- Reduced-motion handling for accessibility
- Frontend CSS only loads on requests that actually render at least one configured block
- Save reusable site presets from the block inspector and mark one preset as the default for newly enabled blocks
Included animation families
- Motion: rise, sink, left, right, grow, shrink, tilt left, tilt right, rotate, skew, bob, pulse, flip X, flip Y, float, sway
- Surface: lift shadow, deepen shadow, glow, ring, inset line, brighten, saturate
- Color: text, background, border, text + background, full surface
- Reveal behavior: Hidden Price for Group blocks with a nested hidden-price target block
Notes
- Hover previews are visible in the editor.
- Effects are applied to the block wrapper, so they work across core and third-party blocks that output a normal root element.
- Blocks that render no wrapper markup cannot be modified safely and are skipped.
- For Hidden Price, set the parent
Groupblock toReveal behavior -> Hidden Price, then toggleUse as Hidden Price contenton the nested text block you want to reveal. - Run
./test.shbefore cutting a release to verify PHP runtime behavior, editor script syntax, and release packaging.