Radio Button

Radio buttons allow users to select one option from a set.

Motion Functions

Feedback Function

The function of motion in a radio button is Feedback. Motion can highlight the relationship between radio buttons that are clicked on. As radio buttons are used to select a single option, motion can show the relationship of the selection from one button to the next.

Examples

UI // Radio Button by Cosimo Scarpa

CSS UI Interactive Elements by bg-d

In these radio buttons, motion is used to convey the movement of the selection button from top to bottom or left to right. Using the principles of masking, the selection seems to move behind the interface between states and adds a layer of dimensionality to the interface.