Главная/ Cправочник HTML, CSS, Javascript/ CSS расширения/ CSS расширения для Mozilla/ Значения для background-image

Значения для background-image

Последнее обновление: 10.06.2011

Значение -moz-linear-gradient — задает элементу в качестве фонового изображения линейный градиент

Поддерживается браузерами Firefox 3.6 и выше

Пример

CSS

div {
background-image:-moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
}

Значение -moz-radial-gradient — задает элементу в качестве фонового изображения радиальный градиент

Поддерживается браузерами Firefox 3.6 и выше

Пример

CSS

div {
background-image:-moz-radial-gradient(center 60deg, circle closest-corner, green 0%, yellow 100%)

Значение -moz-repeating-linear-gradient — задает элементу в качестве фонового изображения линейный градиент, повторяющийся до бесконечности в обе стороны пропорционально указанным цветам и координатам ключевых точек.

Поддерживается браузерами Firefox 3.6 и выше

Пример

CSS

div {
background-image:-moz-repeating-linear-gradient(top left -35deg, green, green 10px, yellow 10px, yellow 20px)

По теме

Теги: , , , ,
Показать комментарии