QuietKitty
VHS-хоррор линк-хаб: развёртка на CSS, кот со следящими глазами и мурлыканье в ответ на ласку.
CSS-эффектыSVGWeb Audionginx
Открыть проект
31.58.244.174
VHS-хоррор линк-хаб: развёртка на CSS, кот со следящими глазами и мурлыканье в ответ на ласку.
Страница притворяется записью с кассеты: строчная развёртка, дрожание кадра, таймер и метка REC в углу. Всё сделано на CSS, без видео и тяжёлых ассетов.
Главный герой — кот, нарисованный в SVG. Его глаза следят за курсором, а если его погладить, он мурлычет: звук синтезируется на месте.
Сделать страницу, которая держит настроение канала и вовлекает: не просто ссылки, а маленькая сцена, с которой хочется поиграть.
Собрали развёртку, дрожание и таймер на CSS-анимациях.
Нарисовали кота в SVG и научили глаза следить за курсором.
Сделали мурлыканье на Web Audio — включается, когда кота гладят.
Развернули на сервере, где уже работал сторонний сервис, не задев его.