Как создать эффект для активной кнопки?

Question

[russo_56]

Как создать эффект для активной кнопки, при котором под ней появляется сетка из одинаковых квадратов, случайно меняющих прозрачность, с градиентом прозрачности от центра к краям (чем ближе к центру — тем выше прозрачность, чем ближе к краю — тем ниже)?

Comments

[maksam07]

Из простого - открыть исходны

[Сергей delphinpro]

эффект для активной кнопки - это одна задача.
сетка из квадратов - это вторая задача.
случайно меняющие прозрачность - это третья задача.
градиент от позиции мыши - это четвертая задача.

У ВАС НА КАКОМ ЭТАПЕ ВОЗНИКЛИ СЛОЖНОСТИ???

Answer 1

[VoidVolker]

Точно так же как и любую другую программу:

1. Формулируете вашу задачу в виде какого-то текстового/графического описания
   
2. Формулируете ТЗ с конкретными требованиями, ограничениями и всем прочим
   
3. На основе ТЗ разрабатываете ЧТЗ (Частное ТЗ) со всеми полными деталями, описаниями всех действий, событий, взаимодействий и прочее
   
4. Используя ЧТЗ подготавливаете проект - архитектура, инструменты, системы, подсистемы и прочее с полным описанием, декомпозированными элементами вниз до самых простых и прочее
   
5. Берёте проект и по шагам его реализовываете
   
6. Profit
   

Конкретных вариантов реализации в вашем случае целая куча: гифка фоном, таблица, grid, flex с рандомным изменением через JS прозрачности фона, даже хоть canvas можно использовать.