Pure CSS 3D Animated Growl Notification

Rishabh

• 20894
• 43
• 0

Based on Growl Notification Style - Black Glass by James Kyle.

Basic notification styling, great for minor updates, looks great and stays out of the way.

This item is entirely CSS3 based. Extensive use of CSS3 Features like Animations, Tranforms, 3D Transforms and Perspective. The notification animates when the page is loaded with some cool 3D transitions and animations. It is achieved using the CSS3 keyframes and animation properties.

This Notification Style also includes a shine which works in the same way as this creation. Feel free to check out the code below. For those who can't see the effect, check out this video.

Related:

• CSS Only Solar System Model
• Minions in pure CSS
• Multiple Box Shadows
• Clicking Game
• CSS3 Room