Такая красота часто встречается в банковских и финтех-приложениях. По краю карты пробегает тонкий луч света, очень похжий на отблеск на металлическом торце (получается эдакая подсветка рамки).

📖 Хотя подобный эффект можно реализовать с помощью градиента и нативной анимации, чаще всего это выглядит не очень здорово.

Но можно использовать алгоритм немного посложнее:

1. Сначала с помощью шейдера вырезаем из карты её контур (саму крточку оставляем нетронутой).

2. Потом по карте под углом 45° бежит луч света (хоть это и обычная проекция, но все равно получится настоящий блик)

3. В итоге добавляем эффект вспышки света только там, где проходит рамка, и чуть-чуть мягкий ореол по краю.

В итоге +- 60 строчек метала, и у нас кайфовый и приятный эффект.

Исходный код уже доступен в Notion.