На видео показываем, как быстро сделать градиентный текст на сайте с помощью встроенной нейросети — просто зашли в раздел «Пользовательский CSS» и ввели запрос нейросети «Сделай градиентный текст заголовка, который переходит от ярко-голубого к ярко-розовому». Такой AI-помощник на сайте может стилизовать (и даже анимировать) абсолютно любой элемент сайта – безлимитно навсегда! Он может заменить вам и дизайнера, и программиста при работе над сайтом.
Посмотрите видео ниже про эту ИИ-функцию (длится всего 35 секунд):
Шаги из видео для генерации градиентного текста на сайте:
- Перейдите в раздел «Пользовательский CSS» возле нужного элемента сайта
- Нажмите иконку «AI» в поле ввода пользовательского кода, а затем выберите «Код с ИИ»
- Введите простой запрос нейросети с описанием того, какой градиент хотите получить (пишите так, как если бы вы заказывали эту услугу у дизайнера или веб-мастера)
- Нажмите кнопку «Создать код» и выберите понравившийся вариант
- При необходимости уточнения результата, введите в поле «Уточнить результат» новую подсказку нейросети и нажмите «Регенерировать»
- Готово! Теперь выберите подходящий результат генерации и нажмите «Использовать этот код»
В нашем примере мы использовали следующий запрос нейросети:
Сделай градиентный текст заголовка, который переходит от ярко-голубого к ярко-розовому
Сгенерированный код для создания градиентного текста (с направлением слева-направо):
.selector h1 {
background-image: linear-gradient(90deg, #00ffff, #ff00ff);
-webkit-background-clip: text;
color: transparent;
}
Уточняющая подсказка для нейросети:
Измени направление градиента сверху-вниз
Новый сгенерированный код, после введения уточняющей подсказки (с направлением градиента сверху-вниз):
.selector h1 {
background-image: linear-gradient(#00ffff, #ff00ff);
-webkit-background-clip: text;
color: transparent;
}
В этом мини-видео мы показали как сделать градиентный текст на сайте с нейросетью. Если вам понравился пример на видео, то ставьте лайк и подписывайтесь на наш Youtube-канал, где мы делимся примерами использования нейросети при работе с сайтом и не только.
О других функциях платформы можно узнать на этом сайте в разделе платформа (в меню сверху), или здесь