Comments on: Cross-browser CSS gradients

By: Binyamin

Binyamin — Thu, 22 Jul 2010 18:01:36 +0000

It does not work on Opera browser (it does not support CSS background linear-gradient). Also add CSS border-radius: 5px; for Opera support.

By: fakedarren

fakedarren — Thu, 15 Apr 2010 00:08:09 +0000

@Mody: It require at least Safari 4, I just tested my example on both PC and mac and it’s fine. If you’re in Safari 4, double-check the order of declarations and your syntax – it’s really easy to get wrong

By: Mody

Mody — Wed, 14 Apr 2010 23:33:59 +0000

Hey this was so cool , But It isn’t taking effect with safari , any idea ?

By: CSS Gradient Background – Cross Browser! « puremango.co.uk

CSS Gradient Background – Cross Browser! « puremango.co.uk — Sat, 03 Apr 2010 02:16:50 +0000

[...] this little CSS gem to me, and now dear reader I pass it to you. It was orignally developed by FakeDarren, who posted a great little CSS button example. I find it useful for those times when designers get [...]

By: Howard Yeend

Howard Yeend — Thu, 01 Apr 2010 16:01:09 +0000

Nice! I’d completely forgotten about IE’s CSS Filters.

By: fakedarren

fakedarren — Tue, 12 Jan 2010 00:44:09 +0000

I’m sure the performance hit of downloading all those background graphics outweighs the deficit from using the CSS gradients.

By: kas187

kas187 — Sun, 10 Jan 2010 10:01:47 +0000

I’ve been playing around with this myself and I totally agree with your comments. I find it frustrating to say the least that JS is more widely used render a page like more modern browsers rather than using it for behavioural purposes. On a note I find webkits implementation rather long and quite unfriendly to read and IE’s implementation, well i’m not sure how much impact this would have if there were a lot of buttons on a page with gradients. I’m sure there would be a performance hit on this.

By: Henrik

Henrik — Sat, 09 Jan 2010 19:00:43 +0000

Actually fakedarren, IE9 will have support for border-radius