Soft rise
class="bf-rise"Quiet fade
class="bf-fade"Gentle scale
class="bf-scale"Baseframe Kinetics · Original CSS motion patterns. Click an entrance to replay. Hover, press, or keyboard-focus the interaction examples. Feedback demonstrations run briefly on load; your application supplies the real state.
class="bf-rise"class="bf-fade"class="bf-scale"Use your system’s reduced-motion setting to test the alternative presentation. View LICENSE.txt and README.md in the full kit before integration.