Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Animations and Effects

Friendly Flip 'n' Fade - CSS3 flip, fade and glow!

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Friendly Flip 'n' Fade - CSS3 flip, fade and glow! - CodeCanyon Item for Sale


Ad: Bluehost hosting

Gorgeous, subtle and useful CSS3 flip, fade and glow transitions/animations.

If you need to extend your website’s real estate without making your page longer or wider, then you’ll need to utilise your space more effectively.

Want to offer your advertisers a unique opportunity (double the normal 125×125 space without increasing their impact on your website)?

Want to have one image fade into another when hovered? (without having to include a javascript library)

Great for online shops – hover over an image to display a different image – by either flipping or fading to it.

Any content at all including videos, maps, images, etc. can all be flipped (or faded).

Includes several bonus CSS3 tricks including an eye-catching glow effect and a ‘curved corner’ shadow effect.

Note: These effects require a compatible browser – the flips require webkit (i.e. Chrome or Safari) and the fades require Chrome, Safari, Firefox 4 or IE9. Everything is written with graceful degradation in mind so that the content displays perfectly fine on less capable browsers, just without the snazzy effects.

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


17 September 10

Last Update:

Compatible Browsers:
IE7, IE8, Firefox, Safari, Opera, Chrome 4, Chrome 5

Files Included:

Software Version:


eCommerce, eCommerce, All Items, css3, css3 animation, css3 animations, css3 transitions, fade effect, flip, flipbook, glow effect