Animated bubbles upwards continuously with pure CSS3

Back to original tutorial on Css-Jquery-Design.Com

I did some experimental work to create CSS3 Animation without using JavaScript. I end up creating bubbles animations using CSS3 Keyframes and Transform and like to share.

Note: Before going I like to make something clear, Internet Explorer 10, Firefox, and Opera supports the @keyframes rule and animation property. Chrome and Safari requires the prefix -webkit-.

Important: Internet Explorer 9, and earlier versions, does not support the @keyframe rule or animation property.

« Back To Article