Анимируем градиентный эффект в Figma за 40 сек 🎬
HTML-код
- Опубликовано: 18 сен 2024
- Анимируем градиентный эффект в Figma
🖼 Создаем фрейм и открываем плагин Blobs
💧Нажимаем кнопку несколько раз и создаем шейпы
1️⃣ Располагаем их в нужном порядке и меняем цвет
📦 Выделяем шейпы и оборачиваем их во фрейм
🥽 Добавляем эффект блюра у фрейма
🔄 Дублируем макет и меняем расположение шейпов
👭 Выделяем макеты и создаем Component set
🎦 Связываем макеты в Prototype и меняем на After Delay
🤍 Убираем у макетов белый фон
➕ Добавляем фрейм в макет, меняем расположение и непрозрачность
Боже это гениально!
Блин это просто взрыв мозга, очень оочень круто
Мне этот эффект не был нужен, посмотрел из интереса и не пожалел, так как такой плагин мне очень нужен)) Спасибо, кудесник!)
Взрыыыв мозга, нужно больше видео!!!
Афигеть! Как всё просто. Я правда ни хрена не понял но было интересно.
Не понимаю как убрать белый фон? Подскажите пожалуйста🙏
Выбираем фрейм и в правой панели находим раздел Fill. Справа от квадрата с цветом будем иконка «минус», нажимаем на нее
Интересно, как теперь ЭТО верстать Frontend разработчику?
Как обычно)