How do I create a semi-transparent div?

Submitted by david on Thu, 05/28/2009 - 00:48

Hi,

Steffen's Liquid Canvas Demo page http://www.ruzee.com/files/liquid-canvas/demo.html shows how to create a semi transparent div which incorporates a gradient, the code looks like this:

$(window).load(function()
{
$("#round1").liquidCanvas(
"[shadow gradient{from:#fff; to:rgba(160, 197, 68, 0.6);}] => roundedRect{radius:20}");
});

But how can I create a semi transparent div which does not use a gradient?

Thank you for your help.

David

Trackback URL for this post:

http://www.ruzee.com/trackback/245
‹ How Do I Create Rectangles With Only Top or Bottom Rounded? How hidden the tag <pre> content ›

Solution

Submitted by david on Fri, 05/29/2009 - 21:47.

I found the solution after playing around with it for a while, it was quite easy in the end.

$(window).load(function()
{
$("#round1").liquidCanvas(
"[shadow fill{color:rgba(255, 255, 255, 0.85)}] => roundedRect{radius:30}");
});