varlab 17 сен 2023 в 23:09Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 1Уровень сложностиПростойВремя на прочтение7 минКоличество просмотров5.4KВеб-разработка*CSS*JavaScript*HTML*ТуториалИз песочницыВсего голосов 12: ↑12 и ↓0+12Добавить в закладки37Комментарии3
neroxt 21 сен 2023 в 23:46Не пойму, а как собственно сам этот капельный эффект достигается? Какие стили ключевые?
varlab 21 сен 2023 в 23:50Комментарий был измененПоказать предыдущий комментарийДостигается при помощи двух блоков div, один из которых вложен в другой, а также двух стилей: filter contrast и filter blur, - применяемых для каждого из блоков. Ещё background должен быть у обоих блоков, чтобы корректно работало.Есть также статья-перевод об этом эффекте тут
Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 1