Single Element & CSS Only UI Interactions

Category: Animation , CSS & CSS3 , Recommended | August 5, 2019
Author: raphaelfabeni
Views Total: 151
Official Page: Go to website
Last Update: August 5, 2019
License: MIT

Preview:

Single Element & CSS Only UI Interactions

Description:

A set of graceful UI interactions built using single element and CSS/CSS3.

UI Interactions Included:

  • Arrows: smooth transitions between top and bottom arrows.
  • Hamburger button: smooth transitions between hamburger and close buttons.
  • Plus: smooth transitions between Plus and Minus icons.
  • Loading button: inline loading indicator in the button.
  • Toggle button: fancy animations on toggle buttons.

See It In Action:

How to use it:

1. Go to the official website: https://raphaelfabeni.com/ui-interactions/

2. Copy and paste the HTML & CSS snippets into your document. Done.

Previews:

UI Interactions Arrows

Arrows

UI Interactions Hamburger Menu

Hamburger Menu

UI Interactions Plus

Plus

UI Interactions Loading Indicator

Loading Indicator

UI Interactions Toggle Button

oggle Button

You Might Be Interested In:


Leave a Reply