CSS3 Generator

#1

Post by paran » Fri, Nov 19, 2010, 2:38 PM UTC

CSS3 Generator
css3generator.com

Re: CSS3 Generator

#2

Post by chrisbroadfoot » Fri, Nov 19, 2010, 3:37 PM UTC

Seems extremely buggy.

I chose box-shadow, 5px horizontal, 5px vertical, 3px blur, #fff color, and it gave me invalid CSS:

  -webkit-box-shadow: px 3px ;
  -moz-box-shadow: px 3px ;
  box-shadow: px 3px ;

Re: CSS3 Generator

#3

Post by bgrins » Fri, Nov 19, 2010, 3:55 PM UTC

chrisbroadfoot wrote: post #2

Seems extremely buggy. I chose box-shadow, 5px horizontal, 5px vertical, 3px blur, #fff color, and it gave me invalid CSS: -webkit-box-shadow: px 3px ; -moz-box-shadow: px 3px ; box-shadow: px 3px ;

A couple of sites that have similar functionality:

http://css3please.com http://www.css3maker.com

Re: CSS3 Generator

#4

Post by user24 » Fri, Nov 19, 2010, 5:43 PM UTC

chrisbroadfoot wrote: post #2

Seems extremely buggy. I chose box-shadow, 5px horizontal, 5px vertical, 3px blur, #fff color, and it gave me invalid CSS: -webkit-box-shadow: px 3px ; -moz-box-shadow: px 3px ; box-shadow: px 3px ;

worked fine for me with those settings. Fx 3.6.12 OSX 10.6.4

Re: CSS3 Generator

#5

Post by pkulak » Fri, Nov 19, 2010, 5:51 PM UTC

No -webkit-border-radius?

Re: CSS3 Generator

#6

Post by mcrittenden » Fri, Nov 19, 2010, 6:31 PM UTC

pkulak wrote: post #5

No -webkit-border-radius?

Doesn't seem to be needed in recent webkit builds (for example, an up to date Chrome/Chromium works fine with plain old border-radius). Can anybody comment on if it's still a good idea to include that rule or not, perhaps for older webkit versions?

Re: CSS3 Generator

#7

Post by mrchess » Fri, Nov 19, 2010, 8:07 PM UTC

mcrittenden wrote: post #6

pkulak wrote: post #5

No -webkit-border-radius?

Doesn't seem to be needed in recent webkit builds (for example, an up to date Chrome/Chromium works fine with plain old border-radius). Can anybody comment on if it's still a good idea to include that rule or not, perhaps for older webkit versions?

What version of Chrome do you run? I still can't get "border-radius" to work in Chrome. That being said I still shove that -webkit tag everywhere.

Re: CSS3 Generator

#8

Post by chrisbroadfoot » Sat, Nov 20, 2010, 4:53 AM UTC

mrchess wrote: post #7

mcrittenden wrote: post #6

Earlier quoted context omitted.

Doesn't seem to be needed in recent webkit builds (for example, an up to date Chrome/Chromium works fine with plain old border-radius). Can anybody comment on if it's still a good idea to include that rule or not, perhaps for older webkit versions?

What version of Chrome do you run? I still can't get "border-radius" to work in Chrome. That being said I still shove that -webkit tag everywhere.

Current stable release (7.0) doesn't require -webkit prefix for border-radius.