🎥 4 эффекта с видео в веб-дизайне
Разработчик Jakub Skrzypczak показал, как использовать видео как часть дизайна сайта.
Эффекты реализованы в Bolt на React + Tailwind. Первый — инвертированный текст: цвет букв меняется в зависимости от фона под ними. Второй — 3D-карточка с маской: при наведении видео просвечивает через «окно», которое деформируется с помощью clip-path. Третий — knockout-текст: буквы вырезаются из белого оверлея, а видео внутри них можно размыть отдельно. Четвёртый — шейдеры поверх видео: mesh, dither, dot grid с управлением прозрачностью.
Эффекты работают на коротких MP4-лоупах (5–12 сек), экспортированных в H.264.
