WidgetPad a collaborative development environment for developers to develop fully-interactive, stand-alone, downloadable SmartPhone applications in HTML5, CSS3 and Javascript, have created a new “CSS 3 Generator” that helps you understand CSS 3 features in Webkit with an interactive tool that build up and show how each new property affects an element. Here’re the results:

-webkit-border-radius: 10px;
opacity: 0.5;
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
text-shadow: 3px 3px 1px rgba(0,0,0,0.3);
-webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
-webkit-text-stroke: 2px #006600;
-webkit-transform: rotateZ(15deg);

More info: CSS3 Generator