Archives for July, 2012

CSS - Cascading Style Sheets

Hot Tea / Coffee with Animated Smoke Effect – jQuery & CSS

This effect has been created with some cool jQuery animation effect. For Smoke effect I have used a png transparent image. I have already updated this for IE too. As we already know transparency of png creates some bad side-effects on IE (png transparency bugs in IE). You can check…
Continue Reading
CSS - Cascading Style Sheets

Cool Animated Fire Effects with CSS3 and jQuery

This effect has been created with some jQuery for setting different CSS3 text-shadow's in a div. You can check the demo code to see how it's done. Basically, the Javascript function creates 3 text-shadows (white, yellow and red) with coprime "cycle durations" so the effect looks more random even though…
Continue Reading
CSS - Cascading Style Sheets

Animated Notification bubble icon with CSS3 keyframe animation

The other day, while working on a web project, I had to emphasize somehow a dynamic notification bubble. Basically, every time the notification value changes, a visual effect was needed in order to get user's attention. So I made that using CSS3 keyframe animation. The HTML For this example, we'll…
Continue Reading