23 Mar 2011 6:33 PM #1
I'm trying to add a custom gradient to an object and it doesn't seem to be working.
I am pasting the below into the Custom CSS for the object... any reason why it isn't working?
background-image:-webkit-repeating-radial-gradient(-5px -5px, circle, #bfeeff, #bfeeff 15px, #fff 15px, #fff 30px, #bfeeff 30px, #bfeeff 40px);
25 Mar 2011 6:16 PM #2
This is the new style webkit gradient syntax which doesn't yet work in the older embedded webkit engine in the Animator developer preview.
25 Mar 2011 6:51 PM #3
Could you please give me an example of a simple gradient with syntax that will work please?
26 Mar 2011 1:05 PM #4
Well, something like this should be about what you're looking for:
-webkit-gradient(radial, -5 -5, 40, -5 -5, 400, from(#BFEEFF), to(#BFEEFF), color-stop(.2,#FFFFFF),color-stop(.4,#BFEEFF),color-stop(.6,#FFFFFF),color-stop(.8,#BFEEFF))
is a handy little tool for trying out gradients, until we ship the gradient generator for Animator.
By PCSpectra in forum Ext 3.x: User Extensions and PluginsReplies: 2Last Post: 11 Mar 2011, 2:39 PM
By csext5 in forum Ext Designer: Help & DiscussionReplies: 2Last Post: 6 Aug 2010, 2:01 AM
By repata in forum Ext 2.x: Help & DiscussionReplies: 15Last Post: 17 Dec 2008, 6:11 PM