Некоторые способы настройки формы радиального градиента:
- Эллиптическая форма. 3 Задаётся с помощью ключевого слова ellipse. 3 Форма эллипса зависит от соотношения сторон элемента, к которому применяется градиент. 4
- Круговая форма. 3 Для этого используется ключевое слово circle. 3 Форма круга от соотношения сторон не зависит. 4
Если форма не задана, но задан размер, то одно значение задаёт радиус круга, если значений два — градиент получает форму эллипса. 2 При наличии размеров явное задание формы градиента игнорируется. 2
Также можно использовать ключевые слова для задания размера конечной формы градиента: 1
- closest-side — градиент заканчивается у границы элемента, ближайшей к центру градиента; 2
- farthest-side — градиент заканчивается у дальней границы элемента; 2
- closest-corner — конечная фигура растягивается таким образом, чтобы она проходила через угол элемента, ближайший к центру градиента; 2
- farthest-corner — аналогично closest-corner, только конечная фигура проходит через угол, дальний от центра градиента. 2