Управление градиентом
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Популярные градиенты
Как пользоваться
Введите свой текст
Введите текст, к которому вы хотите применить градиент, в поле ввода «Текст».
Выберите тип градиента
Выберите один из типов линейного, радиального или конического градиента.
Настройка направления или угла
Для линейных градиентов выберите направление. Для конических градиентов задайте угол.
Настройка цветов
Добавляйте, удаляйте или корректируйте контрольные точки цвета и их положение, чтобы создать желаемый градиент.
Скопировать или сохранить CSS
Скопируйте сгенерированный CSS-код или сохраните его в виде CSS-файла для использования в своих проектах.
Сведения о градиентах текста
Текстовые градиенты CSS позволяют применять красивые разноцветные градиенты непосредственно к тексту. Когда-то такой эффект был возможен только с изображениями, но современный CSS делает его простым и эффективным.
Поддержка браузеров:Текстовые градиенты поддерживаются во всех современных браузерах, включая Chrome, Firefox, Safari и Edge. В старых браузерах, таких как Internet Explorer, текст будет иметь сплошной цвет.
Советы по использованию:Текстовые градиенты лучше всего работают с жирным текстом и высококонтрастными цветовыми сочетаниями. Экспериментируйте с различными типами градиентов и направлениями, чтобы добиться желаемого эффекта.
Related Tools
Минификатор CSS
Сжимайте и оптимизируйте свой CSS-код с профессиональной точностью
CSS Beautifier
Форматируйте и украшайте свой CSS-код с профессиональной точностью
Простое создание преобразований CSS3
Мощный, интуитивно понятный инструмент для создания сложных преобразований CSS3 без написания кода. Визуализируйте изменения в режиме реального времени и копируйте сгенерированный CSS для использования в своих проектах.
Генератор переходов CSS3
Плавный переход непрозрачности
Преобразователь полной мощности
Преобразуйте полную мощность между различными единицами измерения с высокой точностью и легкостью
Инструмент для декодирования URL
С легкостью расшифровывайте параметры URL прямо в браузере