CSS 3 Generator Tools by WidgetPad

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 […]

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 infoCSS3 Generator