Как я могу реализовать горизонтальные и вертикальные градиенты для HTML-элемента

Question

Может кто-нибудь указать мне, как реализовать градиент для только верхней, нижней и правой сторон HTML-элемента div, используя любое из свойств градиента mozilla в css? если я делаю вертикальный градиент, используя свойство -moz-linear-Gradient, я пропускаю градиент, который будет применен справа от элемента div.

Answer 1

Я не уверен на 100%, что это то, что вам нужно, но вы можете вложить элемент div в целевой элемент div, установить горизонтальный градиент в одном и установить вертикальный градиент в другом.Затем измените непрозрачность вложенного элемента div на 50%.

РЕДАКТИРОВАТЬ: Это немного грубо по краям, но это работает в Firefox.Обратите внимание, что вы не можете изменить непрозрачность дочерних элементов на значение выше, чем родительская непрозрачность.Непрозрачность у детей относительная, а не абсолютная.