Pandorra.pro и нейросеть для кода CSS

Влад Мержевич

Нейросети сейчас повсюду, в том числе они помогают программистам и веб-разработчикам в решении повседневных, типовых и рутинных задач. Сервис Pandorra.pro позволяет делать сайты на платформе WordPress, дополняя её работу возможностями встроенной нейросети. Что она умеет:

  • сама пишет текст статьи;
  • генерирует изображения по запросам, подходящим к содержимому статьи;
  • при необходимости меняет готовое изображение;
  • по нашим указаниям формирует стиль элементов.

Последнее для веб-разработчиков должно быть наиболее интересно. Вот, к примеру, как сделать градиентный заголовок. В специальном поле написать:

Сделай градиентный текст заголовка, который переходит от ярко-голубого к ярко-розовому.

В итоге получится следующий код с градиентом под 90 градусов (идущим слева направо) и цветами в шестнадцатеричном формате.

.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;
}

Сервис Pandorra.pro платный, но сейчас идёт распродажа и можно приобрести «вечную» лицензию по хорошей цене.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.