CSS3 Powered Transition Library – sunset.css

Category: Animation , CSS & CSS3 | January 9, 2021
Author: philippwilhelm
Views Total: 80 views
Official Page: Go to website
Last Update: January 9, 2021
License: MIT

Preview:

CSS3 Powered Transition Library – sunset.css

Description:

sunset.css is a CSS library that provides an easy way to implement CSS3 powered transition effects on elements.

Transition Effects Included:

  • Border Transitions: Top, Bottom, Clockwise, etc
  • Background Transitions: Ease in and out, Bounce in, From/To center, etc
  • 2D Transitions: Grow & Shrink, Pulse, Move, Rotate, Skew, Wobble, etc
  • Shadow Effects
  • Image Transitions
  • Hamburger Effects

How to use it:

1. Download and import the sunset.css.

<link rel=”stylesheet” href=”sunset.min.css” />

2. Apply a transition effect to your element.

<a href=”#” class=”pwa-element pwa-borders-borderBottom-easeInFromLeft-easeOutToRight”>Hover Me</a>

3. Refer to Documentation for implementation details.

You Might Be Interested In:


Leave a Reply