Material Design 3 motion tokens

Browse tokens

TokenValue
tokens
TokenValue
Dragged state layer opacitymd.sys.state.dragged.state-layer-opacity
16%
Pressed state layer opacitymd.sys.state.pressed.state-layer-opacity
10%
Focus state layer opacitymd.sys.state.focus.state-layer-opacity
10%
Hover state layer opacitymd.sys.state.hover.state-layer-opacity
8%
Disabled state layer opacitymd.sys.state.disabled.state-layer-opacity
38%