SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,108
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)

    linear-gradients blurring in webkit with large background-size

    http://dabblet.com/gist/3225408 shows the effect I'm trying to achieve in mozilla and webkit.

    I have a problem though that when there's a large enough background-size the gradients become all blurry and it breaks the effect.
    http://dabblet.com/gist/3225374

    Is this a bug in the way webkit is rendering?

    You can achieve a lot of great effects using the color stops and repeating linear gradients
    http://dabblet.com/gist/1552071

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,108
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    In Safari and the webkit nightlies the blurring doesn't occur. It's just Chrome.

    So how/when does a CSS change make it's way from webkit into Chrome?

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,350
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi Mark,

    Looks like a bug to me but I gave up playing with those linear gradients a while back (as mentioned in another thread). I just found the perfomance hit outweigh the advantages (although Firefox is getting better it still appears sluggish (but that is an extreme example for fun only)).

    There seem to be quite a few problems with gradients in chrome and some mention pixel blurring.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •