Можете ли вы создать градиенты, которые переходят в непрозрачность с помощью CSS или JavaScript?

В WebKit появилась возможность создавать градиенты CSS. Например, с помощью следующего кода:

-webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));

Однако можно ли получить градиент непрозрачности с помощью CSS? Я хочу, чтобы градиент был одного цвета с одной стороны и плавно переходил в нулевую непрозрачность с другой.

Кроссбраузерная совместимость не важна; Мне просто нужно, чтобы он работал в Google Chrome.

Есть ли способ сделать это с помощью CSS? Если нет, можно ли что-то подобное сделать с помощью JavaScript (не jQuery)?

Спасибо за вашу помощь.

27
задан Paul D. Waite 19 December 2010 в 01:06
поделиться