Kevin Urrutia: Creating CSS3 moving circles

kevinurrutia:

Source: kevinurrutia

Animatable is the easy way to create CSS3 animations and advertising for Webkit browsers on any platform or device — including Android, BlackBerry, iOS and WebOS. Animatable is for designers, developers or animators. You needn’t know much about CSS or animation to produce amazing, multi-scene CSS3 animations using Animatable. Animatable’s features include: An intuitive, streamlined UI Access to all CSS3 animatable properties Easy import, drag and drop and export Semantic fallbacks for better accessibility and SEO
View Separately

Animatable | Create CSS3 Animations and Advertising (WebKit and Firefox Aurora)

Animatable is the easy way to create CSS3 animations and advertising for Webkit browsers on any platform or device — including Android, BlackBerry, iOS and WebOS.

Animatable is for designers, developers or animators. You needn’t know much about CSS or animation to produce amazing, multi-scene CSS3 animations using Animatable.

Animatable’s features include:

  • An intuitive, streamlined UI
  • Access to all CSS3 animatable properties
  • Easy import, drag and drop and export
  • Semantic fallbacks for better accessibility and SEO

Source: animatable.com

Fight the Flicker! CSS3 Animations flicker on Mobile Safari but there’s an easy fix: be sure to use -webkit-transform:translate3d(x.y.x) syntax instead of -webkit-transform:translate(x,y). Using the 3D syntax -webkit-transform:translate3d(x,y,z) allows you to tap into the hardware acceleration.
View Separately

Fight the Flicker! Making Your CSS3 Animation Bomb-Proof | CSS3 Animator

Fight the Flicker!

CSS3 Animations flicker on Mobile Safari but there’s an easy fix: be sure to use -webkit-transform:translate3d(x.y.x) syntax instead of -webkit-transform:translate(x,y).

Using the 3D syntax -webkit-transform:translate3d(x,y,z) allows you to tap into the hardware acceleration.

Source: css3animator.com