March 26, 2025
CSS3Machine Lets You Experiment With CSS3 Styles Using Your iPad

CSS3Machine Lets You Experiment With CSS3 Styles Using Your iPad

Posted October 5, 2010 at 12:24am by iClarified
CSS3Machine lets you create and experiment with CSS3 styles and animations on your iPad

Put the future of web design at your fingertips. CSS3Machine makes the most advanced CSS3 styles simple to implement and fun to experiment with. Easily create stunning gradients, drop-shadows, and 2D- and 3D-transforms. CSS3Machine even builds WebKit animations in seconds!

When you're ready to use the styles created, CSS3Machine makes that a breeze, too. 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 via your Mac or PC web browser.
• Generates live previews of WebKit keyframes as you edit them.
• Supports capabilities of the latest Safari, Chrome, Firefox, Opera, and (gasp) even IE9!
• Store a whole library of your favorite, amazing CSS3 styles and animations.
• Define CSS selectors by class, ID, tag, pseudo-class, or custom target.
• Use a gorgeous, finger-friendly 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 Reflect
✔ Box Shadow
✔ Linear Gradients
✔ Radial Gradients
✔ Gradient Color Stops - Multiple color stops
✔ Text Shadow - Multiple text shadows
✔ Text Stroke
✔ 2D Transforms
- Rotate
- Scale
- Skew
- Translate
✔ 3D Transforms
- Rotate 3D
- Scale 3D
- Translate 3D
- Transform Origin
- Perspective
✔ Keyframe Animations
- Animation Timing Curve
- Animation Delay
- Animation Duration
- Animation Iteration Count
- Animation Reverse on Repeat

What's New In This Version:
- Fixed a couple of sneaky crashers related to memory usage
- Clarified instructions for creating custom templates
- Corrected spelling of Adrian Kenny's name in the about section
- Improved error checking
- Miscellaneous bugfixes and stability improvements

You can purchase CSS3Machine from the App Store for $6.99.


Read More [via MacStories]


CSS3Machine Lets You Experiment With CSS3 Styles Using Your iPad

CSS3Machine Lets You Experiment With CSS3 Styles Using Your iPad

CSS3Machine Lets You Experiment With CSS3 Styles Using Your iPad

CSS3Machine Lets You Experiment With CSS3 Styles Using Your iPad

CSS3Machine Lets You Experiment With CSS3 Styles Using Your iPad
Add Comment
Would you like to be notified when someone replies or adds a new comment?
Yes (All Threads)
Yes (This Thread Only)
No
iClarified Icon
Notifications
Would you like to be notified when we post a new Apple news article or tutorial?
Yes
No
Comments
You must login or register to add a comment...
Recent. Read the latest Apple News.
RECENT
Tutorials. Help is here.
TUTORIALS
Where to Download macOS Sequoia
Where to Download macOS Ventura
AppleTV Firmware Download Locations
Where To Download iPad Firmware Files From
Where To Download iPhone Firmware Files From
Deals. Save on Apple devices and accessories.
DEALS