Forums
View unanswered posts | View active topics It is currently Thu Apr 24, 2014 1:16 pm



Reply to topic  [ 4 posts ] 
 Multiple Linear Gradients 
Author Message

Joined: Tue Oct 02, 2012 7:57 am
Posts: 11
Post Multiple Linear Gradients
Not quite sure what I'm doing wrong here. From what I can tell, multiple linear gradients are supported, but when I try to implement them, only one shows up (I'm essentially trying to fake an inset box shadow with gradient backgrounds, so need multiples for the different directions). I figure it must just be me being unfamiliar with the gradient syntax because you have those repeating pattern gradients in the examples which use multiple gradients (positioning and repeating aside). Thoughts?

Code:
-pie-background: linear-gradient(to bottom, white 0px, rgb(235,235,245) 25px),
                   linear-gradient(to top, rgb(150,150,150) 0, rgb(235,235,245) 15px);


Fri Mar 29, 2013 7:41 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1430
Post Re: Multiple Linear Gradients
From that code snippet I'd guess that they're both being rendered but one is just covering up the other. Multiple gradients don't really make sense unless you (a) use rgba colors so the top one is semi-transparent (only partially supported in IE < 9), or (b) you use background-size and non-repeating bg layers (not at all supported in IE < 9).


Fri Mar 29, 2013 10:24 am
Profile

Joined: Tue Oct 02, 2012 7:57 am
Posts: 11
Post Re: Multiple Linear Gradients
I tried using RGBA values to no avail. I'm trying to fake an inset box shadow, since PIE doesn't render that.


Fri Mar 29, 2013 12:15 pm
Profile

Joined: Tue Oct 02, 2012 7:57 am
Posts: 11
Post Re: Multiple Linear Gradients
on a related note, getting anywhere with the whole inset border radius issue? I just read through the comments and was curious if anything new came up in the past couple months.


Tue Apr 02, 2013 2:31 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 4 posts ] 

Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.