erjemin/2026-image-hatftone-effect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor: ………

Browse Source
This commit is contained in:
Sergei Erjemin
2026-07-18 11:36:02 +03:00
parent 9cddbeb7b9
commit 0f8bac3a71
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+3 -1
View File
@@ -36,9 +36,11 @@ poetry run python main.py img/img_2.jpg
- `animation_variants=12` — кол-во групп точек с разными задержками (чем меньше --> компактнее SVG) - `animation_variants=12` — кол-во групп точек с разными задержками (чем меньше --> компактнее SVG)
В стилях CSS можно поиграться: В стилях CSS можно поиграться:
- `animation-duration: 1.5s` — скорость пульсации (чем меньше --> быстрее) - `animation:noise 1s` — скорость пульсации (чем меньше --> быстрее)
- `animation-delay: calc(var(--i) * 0.1s)` — задержка для каждой точки (чем меньше --> быстрее) - `animation-delay: calc(var(--i) * 0.1s)` — задержка для каждой точки (чем меньше --> быстрее)
- `animation-iteration-count: infinite` — бесконечная анимация (можно убрать, если нужно один раз) - `animation-iteration-count: infinite` — бесконечная анимация (можно убрать, если нужно один раз)
- `transform:scale(0.99)` — масштабирование групп точек (можно экстремально всю картинку "схлопнуть" - `transform:scale(0.99)` — масштабирование групп точек (можно экстремально всю картинку "схлопнуть"
или наоборот ""распустить") или наоборот ""распустить")
- `fill:#80000090` -- цвет точек (с прозрачностью) - `fill:#80000090` -- цвет точек (с прозрачностью)
![Еще пример](img/lp_8j.svg)
img/lp_8j.svg
+1
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 81 KiB