CSS3 Generator

This simple CSS generator helps you to understand capabilities of CSS3 introduced by WebKit.

This demonstration works on webkit-based browsers, such as Safari, mobile Safari and Chromium.

Enjoy!
Widget ID: 694 2 comments
Loading..
 View source Fork Report inappropriate

2 Comments

Leave a comment
I think all of those except reflection and text-stroke are implemented in Gecko browsers as well, so why not update to also output with -moz- prefixes?
Why not use CSS3 properties like border-radius, box-shadow, border-image and soon transform...

see that on: http://www.w3.org/TR/css3-background/ and http://www.w3.org/Style/CSS/current-work#transform

Leave a comment

Your comment: (No HTML accepting)

How to play on iPhone

On your iPhone, open "Safari" app enter below address into the browser.

http://widgetpad.com/694

We will soon release "WidgetPad for iPhone" via Apple's iTune store.

WidgetPad for iPhone is a generic iPhone application that allows developers to test their widgets on iPhone.

Fork

Viewing and modifying existing code is the quickest way to learn languages.

Please be aware that all public projects are "open source" by design.

Feel free to "fork" the code and start modifying it.

The "fork" button is at the bottom of the information page of each widget