3D-эффект летающих мышек на CSS-масках делается парой свойств и одним запросом в нейросеть. Разбираем анимацию масок, mask-composite и генерацию @keyframes, а потом обсудим, как вайб-кодинг создал пропасть для входа в профессию, вместо того, чтобы его упростить. Пошаговая демка с кодом — в Телеграме → https://t.me/cssbol/47 Вторая часть серии про CSS-маски. Анимируем mask-position и mask-size для 3D-эффекта, добавляем множественные маски в противофазе, пробуем mask-composite для пересечений. Нейросеть генерирует ключевые кадры за минуту — наглядный пример того, как ИИ ускоряет разработчика. Во второй половине — почему вайб-кодинг не заменит настоящую разработку, какие навыки нужны рынку и почему джун с глубокой базой сейчас близок к мидлу. Таймкоды: - 00:00 — Введение - 00:49 — Обновление технологий - 01:59 — Основы работы с масками - 02:39 — Создание 3D-эффекта - 04:36 — Дополнительные эффекты - 05:56 — Вращение картинки - 07:26 — Ошибки восприятия нейросетей - 08:16 — Порог входа и конкуренция - 09:14 — Эффективность разработчиков с нейросетями - 10:59 — Мнение бизнеса о навыках - 11:59 — Стратегия входа в разработку - 14:37 — Новый подход к навыкам - 15:45 — Важность чистых технологий - 16:59 — Минимальные требования для фронтендера - 17:58 — Знание JavaScript - 19:44 — Фреймворки и бэкенд - 21:01 — Объём знаний - 22:54 — Влияние нейросетей на рынок труда - 24:13 — Преимущества глубокого изучения Ссылки: - Профессия «Нейрофронтендер» → https://htmlacademy.ru/ai-frontender - Первая часть: CSS-маски с нуля → https://www.youtube.com/watch?v=pngvqpvoanA - Спецификация CSS Masking Module Level 1 → https://www.w3.org/TR/css-masking-1/ - Канал в Телеграме → https://t.me/cssbol Подписывайтесь на канал, чтобы не пропустить новые выпуски CSS Боли! #css #cssmasking #frontend #webdev #ai