Photo backdrop
Green A · Large
Blue A · Large
Red A · Large
Green A · Small
Blue A · Small
Red A · Small
Button BG-Blur · BOMA-8
This is the standalone test surface for the BG-Blur button. It renders the component over both image and video media, with live hover/press transitions and a complete 18-variant state matrix (3 states × 3 colors × 2 sizes).
Interactive matrix over media
Hover and press each button to observe the 300ms hover transition and 100ms pressed transition timing.
Photo backdrop
Video backdrop
Static 18-state reference
Each panel locks the component to one visual state so every state/color/size combination is visible at once.
default
Green A · Large
Blue A · Large
Red A · Large
Green A · Small
Blue A · Small
Red A · Small
hover
Green A · Large
Blue A · Large
Red A · Large
Green A · Small
Blue A · Small
Red A · Small
pressed
Green A · Large
Blue A · Large
Red A · Large
Green A · Small
Blue A · Small
Red A · Small