Додайте новизни дизайну вашого сайту, додавши градієнти фону, накладок і тексту до будь-якого елемента. Коли ви редагуєте елемент, група керування Градієнти та накладки знаходиться на вкладці Стиль.
Доступні елементи керування:
- Застосувати до: Виберіть тип контенту, до якого ви хочете додати градієнт (текст, фон, накладка).
- CSS селектор: Щоб націлитися на конкретний HTML в межах елемента.
- Кольори: Додайте щонайменше два кольори, щоб побачити градієнт. Коли ви застосовуєте градієнт до накладки, обов’язково зменшіть прозорість кольору, щоб побачити через неї.
- Тип: Виберіть тип градієнта — лінійний, радіальний чи конічний.
- Повтор (з 1.9.4): Дозволяє градієнту повторюватися по елементу. Визначте «зупинки», щоб контролювати точки переходу кожного кольору, використовуючи одиниці, такі як відсотки або пікселі.
Елементи керування лінійним градієнтом:
- Кут в °: Задайте конкретний кут для вашого лінійного градієнта від 0 до 360°.
Елементи керування радіальним градієнтом:
- Форма: Виберіть між «колом» або «еліпсом».
- Розмір: Виберіть з «найближча сторона», «найдальша сторона», «найближчий кут», «найдальший кут». Для деталей про ці налаштування ознайомтеся з документацією Mozilla.
- Позиція: Визначте центральну точку градієнта.
Елементи керування конічним градієнтом:
- Початковий кут в °: Вкажіть початковий кут градієнта від 0 до 360°.
- Позиція: Встановіть центр градієнта.