градиент текста css

Elementor PRO 3.19

плагин Elementor WordPress

Премиум темы и плагины для WordPress

Уроки Elementor

Бесплатно

Градиент текста css

Узнайте, как создавать градиентные заголовки и текст в Elementor без необходимости добавлять другое дополнение или плагин, в этом очень простом руководстве.

Градиент текста в Elementor

Создавать градиент текста в Elementor очень просто, если вы готовы установить дополнительные плагины для помощи. Но если вы похожи на меня, возможно, вам не захочется добавлять плагины для каждой мелочи.

Что, если я скажу вам, что добавить градиент текста очень просто, и вам больше никогда не придется полагаться на дополнение Elementor, чтобы сделать это снова? Что ж, просто следуйте приведенным ниже инструкциям, и вы сможете вычеркнуть дополнения из своего списка и сохранить свой сайт Elementor легким и быстрым.

1. Добавьте текст

Чтобы начать, вам понадобится либо виджет заголовка, либо текстовый виджет. Этот метод добавления градиента текста работает одинаково для всех трех виджетов.

2. Скопируйте и вставьте этот CSS

Просто скопируйте и вставьте приведенный ниже CSS на свой веб-сайт Elementor. Я предлагаю поместить этот CSS в программу настройки вашего сайта, которую можно найти, перейдя на вашу панель управления, затем Внешний вид> Настройка> Дополнительный CSS.

Или вы можете разместить CSS в Elementor, перейдя в Настройки сайта> Пользовательский CSS.

				
					.gtext {
	background: -webkit-linear-gradient(0deg,blue, red);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
				
			
2022
Премиум темы и плагины для Wordpress бесплатно
Подписывайтесь на наш
Telegram-канал