Custom CSS.

[xxnu]

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);

[mmullany]

This is the new style webkit gradient syntax which doesn't yet work in the older embedded webkit engine in the Animator developer preview.

[xxnu]

Could you please give me an example of a simple gradient with syntax that will work please?

[mmullany]

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))

http://westciv.com/tools/radialgradients/index.html

is a handy little tool for trying out gradients, until we ship the gradient generator for Animator.