Показываем пример генерации CSS кода для создания эффекта пульсации изображения. Генерация CSS кода делается довольно быстро! Нужно просто зайти в раздел «Пользовательский CSS» и ввести простой запрос нейросети (пример запроса смотрите ниже). И нейросеть за секунды сгенерирует нужный код и создаст анимацию! Такой AI-помощник на сайте от PANDORRA PRO может анимировать и стилизовать абсолютно любой элемент сайта!

Посмотрите видео ниже про эту ИИ-функцию (длится всего 00:27):

Шаги из видео для генерации CSS-кода:

1. Перейдите в раздел «Пользовательский CSS» возле нужного элемента сайта.
2. Нажмите иконку «AI» в поле ввода пользовательского кода, а затем выберите «Код с ИИ».
3. Введите запрос нейросети с описанием желаемого эффекта (пишите так, как если бы вы заказывали эту услугу у дизайнера или веб-мастера).
4. Нажмите кнопку «Создать код» и дождитесь результата генерации.
5. Теперь нажмите «Использовать этот код». Готово!

В нашем примере мы использовали следующий запрос нейросети:

Добавь эффект пульсации, будто изображение медленно и плавно пульсирует имитируя биение сердца

Сгенерированный CSS-код для создания эффекта пульсации картинки:

.selector img {
animation: pulse 2s infinite
ease-in-out;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}

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

В этом мини-видео мы показали как сделать интересную анимацию на сайте с помощью нейросети. Если вам понравился пример, то ставьте лайк и подписывайтесь на наш Youtube-канал, где мы делимся примерами использования нейросети при работе с сайтом и не только.

О других функциях платформы можно узнать на этом сайте в разделе платформа (в меню сверху), или здесь