CSS3 Powered Transition Library – sunset.css

Preview:

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.