-
Notifications
You must be signed in to change notification settings - Fork 19
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add Waves Block 🌊 #86
Conversation
simplified from motion background block
@pablohoneyhoney feel free to add any design critique or ideas here. I've been adding things to the checklist in the description as I think of them. |
It doesn't seem like I can do much for color a11y right now. WordPress/gutenberg#13862 is open, and the solution for the Group block doesn't seem to apply since text color is entirely controlled by the InnerBlocks. |
Can we further reduce the limits of the distortion? @ajlende |
Summary
After chatting with @pablohoneyhoney, the motion background idea is getting simplified, both from a UX and a code perspective. Part of the simplification involves splitting it into two types of blocks: color effects, and image effects. This PR is for the waves color effect.
Changes from motion background
prefers-reduced-motion
( thanks for the suggestion @talldan :) )Screenshots
Walkthrough
Fallback when hardware acceleration or JavaScript is disabled
When
prefers-reduced-motion
setting is enabledOutdated screenshots
When
prefers-reduced-motion
setting is enabledFallback when hardware acceleration is disabled
Plugin Bundle
a8c-waves-2020-05-21.zip
Outdated bundles
a8c-color-effects-2020-05-14.zip