Single Element & CSS Only UI Interactions

Category: Animation , CSS & CSS3 , Recommended | August 5, 2019
0 Comment
Demo Download
Author:raphaelfabeni
Views Total:649 views
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

See Also:

You Might Be Interested In:

Leave a Reply