CSS3Machine
Create amazing CSS3 styles and animations on your iPad. Preview your work live over Wifi. Tweet
CSS3. Easy-peasy.
CSS3Machine makes the most advanced CSS3 styles simple. Easily create stunning gradients, drop-shadows, and 3D transforms. CSS3Machine even builds, edits, and exports WebKit animations!
Instant Access
Just hit http://your-ipads-name.local to connect your browser to CSS3Machine over wifi and you'll see a beautiful preview of the full CSS file, ready to do with what you will.
Features and Capabilities
- Creates and fine-tunes cutting-edge CSS3 styles.
- Creates and fine-tunes WebKit animations.
- Hosts a live preview of your stylesheet accessible web browser over your local network.
- Generates previews of WebKit keyframes as you edit them.
- Supports capabilities of the latest Safari, Chrome, Firefox, Opera, and (gasp) even IE9!
- Use a gorgeous color picker to create rgba color values.
- Keep track of your work in with a 3-position web preview.
- Create and edit HTML templates in-app, or import completed templates via iTunes.
- Export completed stylesheets via email, iTunes file sharing, or live local network access
Supported CSS3 and WebKit Properties
- Border Radius
- Box Shadows and Reflections
- Linear and Radial Gradients
- Text Shadow - Multiple text shadows
- Text Stroke
- Keyframe Animations
- 2D Transforms
- Rotate, Scale, and Skew
- 3D Transforms
- Rotate and Translate in 3D Space
- Transform Origin
For even more details about CSS3Machine, see CSS3Machine Up Close
Get an instant local preview of your stylesheet to make those alien bastards pay for shooting up your ride.
Create text shadows in seconds, and let God sort 'em out.
Text Strokes. Nukem 'till they glow, then shoot 'em in the dark!
Box shadows. You shudda known those alien maggots booby trapped the sub.
Generate linear and radial gradients, then get the crap outta here!
Rounded corners? Somebody's gonna freakin' pay for screwin' up your vacation.
CSS Reflections. What are you? Some bottom-feeding, scum-sucking algae-eater?
2D- and 3D transformations ensure that nobody steals our chicks... and lives!
Build WebKit Keyframe animations for when it's time to kick ass and chew bubble gum—and you're all out of gum.
Live previews of each keyframe. Lucky son of a bitch!
One touch access to documentation? Now this is a force to be reckoned with!